/* Custom Stylesheet */ /** * Use this file to override Materialize files so you can update * the core Materialize files in the future * * Made By MaterializeCSS.com */ .icon-block {padding: 0 15px;} .icon-block .material-icons {font-size: inherit;} .text-blue {color:#32508d !important;} .text-black{color:#000 !important;} .sub-txt{font-size:16px;color:#666;} a {color:#000;} .fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} *+ html .fix {display:inline-block;} html { font-family: 'dl'; } nav a.dropdown-button {color:#082841 !important; } nav a.dropdown-button:hover { color:#ff9800 !important;} nav a.dropdown-button.m-lang {width:82px;background:url('../images/common/gnb08.png') no-repeat 50% 50%;} nav a.dropdown-button.m-srch {width:62px;background:url('../images/common/gnb09.png') no-repeat 50% 50%;} nav a.dropdown-button.m-all {width:62px;background:url('../images/common/gnb10.png') no-repeat 50% 50%;} nav .dropdown-content {margin: 0px 0 0 !important;} nav .lang .dropdown-content {margin: 81px 0 0 !important;} #index-banner {background:url('../images/content/img_sub01.jpg') no-repeat center top;} .blind, caption {position:absolute; top:-9999px; font-size:0; height:0;} .btnTop a{position:fixed; bottom:0; right:0; width:50px; height:50px;text-indent:-9999px; display:block; background-color:rgba(28,56,99,0.5); background:url('../images/common/btn_Top.png' )no-repeat center center;} .ellip {max-height:24px;display:block;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .ellip4 {max-height:80px;display:block;display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .fs22 {font-size:22px !important; line-height:22px;} .fs14 {font-size:14px !important; line-height:20px;} .fs18 {font-size:18px !important; line-height:18px;} .fs35 {font-size:35px !important; line-height:35px;} .txc-image{max-width:100%} /* 색상 */ .indigo.darken-5 {background:#344a76 !important; } .indigo.darken-6 {background:#1d3666 !important; } .blue {background-color:#32508d !important;} .blueSmenu {background-color:rgba(23,68,115,0.8) !important;} .orangeSmenu {background-color:rgba(241,129,1,0.8) !important;} .graySmenu{background-color:rgba(85,85,85,0.8) !important;} .blueSmenu .white-text, .orangeSmenu .white-text {font-size:16px} .blueSmenu .gray-text, .orangeSmenu .gray-text {font-size:14px; color:rgba(255,255,255,0.5) !important;} .gray-text.two_text {padding-top:5px;line-height:1 !important;} /* display*/ .toplink a {display:block;float: left;} /* 가로값 */ .xlw192p {width:192px;} .mw100 {width:400px;} .sw100 {width:100%;} .wp45 {width:45%;} /*여백*/ .pd0 {padding: 0 0;} .pt20 {padding-top:30px !important;} .pt40 {padding-top:40px !important;} .pt50 {padding-top:50px !important;} .pl20 {padding-left:20px !important;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px !important;} .pr20 {padding-right:20px !important;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px !important;} .ptb7060 {padding:70px 0 60px !important;} .bggrey.fix {margin-top:0px; height:255px;} .no-margin {margin:0 !important;} .mgl30{margin:0 0 0 30px !important;} .mt0 {margin-top:0px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt18 {margin-top:18px !important;} .mt30 {margin-top:30px !important;} .mt50 {margin-top:50px !important;} .mt75 {margin-top:75px !important;} .mt80 {margin-top:80px !important;} .mt_22 {margin-top:-22px !important;} .mb0 {margin-bottom:0px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb50 {margin-bottom:50px !important;} .mb100 {margin-bottom:100px !important;} .mb250 {margin-bottom:250px !important;} .fancybox-inner{height:540px !important;} table.centered .tbl_left {display:block;} table.centered .tbl_left dt a{font-size:18px; color:#000; max-height:24px;display:block;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } table.centered .tbl_left dd {margin:5px 0 0 ; padding:0; font-size:14px; line-height:18px;color:#888888;max-height:38px;display:block; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} table.pressTbl th {font-family:'dm'; border-top:1px solid #000;border-bottom:1px solid #000;} table th {color:#000} table.pressTbl td {font-size:14px;} table.thBlack th{color:#000; border-top:none; border-bottom:none;} /* 배경색 */ .bggrey {background-color:#f2f2f2 !important; margin:0;} .bgupline {background:url('../images/content/ir/bg_upline.png') no-repeat center bottom !important; padding-bottom:80px;} /* 테이블 스타일 */ .irTbl { font-size:14px;} .irTbl th {border-left:2px solid #f2f2f2; color:#fff; height:34px; line-height:50px;padding: 0; font-weight:normal} .irTbl td {height:38px; line-height:38px; color:#666666;padding: 0;} /* tab 스타일 */ .tabst2 {background-color:#f8f8f8; border-bottom:1px solid #d9d9d9; width:90%} .tabst2 .tab1 {width:25%; margin: 0 -3px; background-color:#f8f8f8 !important;} .tabst2 .tab1 a, .tabst2 .tab1 a:first-child {font-size:12px; color:#000; display:inline; padding: 18px 20px 12px; line-height:40px; height:40px; padding:0; text-align:center;background-color:#f8f8f8 !important;background-image:none !important;} .tabst2 .tab1 a.active, .tabst2 .tab1 a:hover {color:#f87a13 !important; display:inline; padding: 18px 20px 12px;border-bottom:2px solid #f87a13 !important; background-color:#f8f8f8 !important; background-image:none !important;} .irstock > dl {width:100%;height:150px; margin:0;border-bottom:1px solid #e6e6e6; } .irstock > dl dt {width:55%;float:right; padding:39px 0; text-align:left; font-size:22px; color:#000;} .irstock > dl dt em{font-size:16px; color:#666666; padding-right:10px; font-style:normal !important;} span.irdowns { display:inline-block;background:url('../images/content/ir/down_s.png') no-repeat center center;height:16px;text-indent: -99999999px; width: 20px; vertical-align:middle;} span.irups {display:inline-block;background:url('../images/content/ir/up_s.png') no-repeat center center;height:16px;text-indent: -99999999px; width: 20px; vertical-align:middle;} .irstock > dl dt strong {font-size:16px; color:#000; padding-right:10px;} .irstock > dl .ircurrent {float:left;width:45%; margin:43px 0; text-align:center; font-size:55px; line-height:55px; color:#f87a13;} span.up {display:inline-block; line-height:55px; height:55px; margin-right:10px; background:url('../images/content/ir/up1.png') no-repeat center center; text-indent:-99999999px; width:20px; } span.down {display:inline-block; line-height:55px; height:55px; margin-right:10px; background:url('../images/content/ir/down1.png') no-repeat center center; text-indent:-99999999px; width:20px; } .irstock ul li{float:left; width:25%; text-align:center;} .ir {height:90px;color:#666666;} .ir li{border-left:1px solid #e6e6e6} .ir li:first-child {border-left:none;} .ir li span.tit{color:#000;} .kospi .left {width:50%; text-align:center;} .kospi .left dt {font-size:18px; font-family:'dm';} .kospi .left dd {margin:0; color:#666666; font-size:18px;} .kospi .left dd.price {font-size:30px; color:#000;} .bglineH {padding-top:108px;padding-bottom:35px; font-size:35px; color:#174473; font-family:'dm';background: url('../images/content/ir/bg_upline.png') no-repeat center top !important;} .bglineHL {padding-top:118px;font-family:'dm';background: url('../images/content/ir/bg_upline.png') no-repeat center top !important;} .nolineH {padding-top:0px;padding-bottom:20px;font-size:35px; color:#174473; font-family:'dm';background: none !important;} p.tit {font-family:'dm'} .treedotR {margin:0 -9px 0 0;background:url('../images/common/treedot.jpg') no-repeat right 3px;} .treedotL {margin:0 0 0 -9px;background:url('../images/common/treedot.jpg') no-repeat left 3px;} /* skip */ .skip , .adTop p{margin:0;} .skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;} .skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #0b50a1; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:100;} .bx-has-controls-direction{display:none;} .main_rolling .bx-has-controls-direction{display:block;} .main_rolling .bx-wrapper .bx-prev{left:20px;margin-left:0;} .hide-on-med-and-down.path li{position:relative;} .promo-caption {font-size: 30px;color: #164e88;font-family: 'dm';} .blit{display:inline-block;margin-left:5px;font-size:16px;font-weight:bold;color:#ff9800;} .scrollTop .sitemap .container {padding-left:20%;} .panel .card .card-image {position:relative; height:6em; padding-bottom:60%;} .panel .card .card-image img {background:red; position:absolute; width:100%; left:0; top:0;} @media only screen and (min-width: 1050px) and (max-width: 1120px) { .brand-logo img{width:150px; display:block;margin-top:7px;} } /* 데스크탑 */ @media only screen and (min-width: 1050px) { /* 메인 */ .adTopWrap {background:url('../images/common/topBrnEng.jpg') no-repeat center top; height:85px;/* background-size:cover; */background-color:#333749;font-family:o_dm;} .adTop {position:relative;text-align:right; padding-right:50px;} .adTop p {display:inline-block; line-height:85px; height:85px; padding-right:80px;} .btnBnrCls {position:absolute; top:30px; right:0;display:inline-block;width:28px; height:28px; background:url('../images/btnInc/btn_clstop.png') no-repeat center center; font-size:0; text-indent:-99999px;} .btnAdGo {display:inline-block;font-size:13px; color:#fff; background:#3a71a2; border-radius:14px;line-height:28px; height:28px; padding:0 12px;} /* 메인 */ #cellMain p, #cellMain dl {margin:0;} .bgMgray {background:url('../images/main/bg_gray.gif') repeat-x center top;} .slidemain {margin:0} .slidemain li {position:relative;} .slidemain li p{margin:0;} .slidemain li dl.text {position:absolute;top:300px; right:0; width:33.3%; height:300px; padding:48px 27px; color:#fff; margin:0;background:rgba(23,68,115,0.8)} .slidemain li dl.text dt span{font-size:18.28px; color:#fff;} .slidemain li dl.text dt a{font-size:30.53px; color:#fff; line-height:1.2; } .slidemain li dl.text dd {margin-top:25px;} .slidemain li dl.text dd a {font-size:15px; color:#fff;} .main_rolling2 {position:relative;width:100%; height:600px;} .gird-item {float:left;display:block; width:300px;height:300px; } .gird-item .square-content{overflow:hidden;} .gird-tit {display:block;font-size:22px; color:#123e67; text-align:center; font-family:'dm';padding-top:170px;margin-bottom: 10px;} .gird-txt {display:block;font-size:14px; color:#344a76; text-align:center;} .grid-list {padding-top:0;} .grid-list > div {position:relative; padding:46px 33px; color:#fff;} .grid-list div dt {font-size:22px; font-family:'dm'; margin-bottom:30px;} .grid-list div.m_press dt {margin-bottom:24px !important;} .grid-list div dd a{color:#fff; font-size:14px; line-height:1.5;} .m_investor dd a{color:#fff; font-size:14px; line-height:2;} .grid-list .btnMoreW {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreW.png') no-repeat 0 0; } .grid-list .btnMoreB {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreB.png') no-repeat 0 0; } .m_gallery dt, .m_press dt{color:#075a8d; font-size:30px;} .m_press dd.press-tit {margin-bottom:10px;} .m_press dd.press-tit a{color:#000; font-size:16px;} .m_press dd.press-txt a, .m_gallery dd a{color:#666 !important; font-size:14px;} .grid-list .m_gallery dd a, .grid-list .m_investor dd a{line-height:2 !important;} .bgWhite {background:#fff} .bgblue {background:#174473;} .bgorange {background:#f18101;} .bgGray {background:#f2f2f2} .bgmovie {color:#fff;text-align:center; background:url('../images/main/bgmovie.jpg') no-repeat center center; background-size:cover;} .bgmovie p {width:100%; height:100%;} .bgmovie a {display:block; width:100%; background:none;padding-top:70px;padding-bottom: 158px;height:100%;color:#fff; font-size:20px; text-align:center;} .icon1 {width:100%; height:100%;background:url('../images/main/iconRd.png') no-repeat center 66px;} .icon2 {width:100%; height:100%;background:url('../images/main/icon2.png') no-repeat center 70px;} .icon3 {width:100%; height:100%;background:url('../images/main/icon3.png') no-repeat center 70px;} .icon8 {width:100%; height:100%;background:url('../images/main/icon8.png') no-repeat center 70px;} .gird-item p a {display:block;width:100%; height:100%;} .bgblue .gird-tit {padding-top:92px; font-size:16px; line-height:1; margin-bottom:0;} .bgblue .gird-txt { text-align:center; font-size:55px; color:#fff; line-height: 1;} .bgblue .gird-txt span { border-bottom:1px solid #fff;padding-bottom:10px;} .bgblue .gird-txt2 {display:block; font-size:14px; color:#a7b2c1; text-align:center;margin:20px 0;} .bgblue .gird-txt2 .up {width:12px; height:10px; margin-right:2px;background:url('../images/main/iconUp.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 .down {width:12px; height:10px;margin-right:2px;background:url('../images/main/iconDown.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 em {font-style:normal; vertical-align:middle;} .main_rolling2 .bx-pager {margin-left:28px;} .main_rolling2 .bx-pager-item {float:left; line-height:10px;} .main_rolling2 .bx-pager .bx-pager-link {width:6px; height:6px; background:#d0d0d0; border-radius:100%; text-indent:-99999px;font-size: 0;display: block; margin:2px 3px;} .main_rolling2 .bx-pager .bx-pager-link.active {width:10px; height:10px;margin:0 3px;} .main_rolling2 .bx-start {float:left;margin-top:-2px;width:13px; height:12px; background:url('../images/main/btn_play.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-stop {float:left;margin-top:-2px;width:13px; height:12px;background:url('../images/main/btn_stop.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-controls {width:33.3%; position:absolute;bottom:34px; right:0; z-index:100;} .main_rolling2 .bx-controls-auto {float: right;text-align:right; height:10px; width:35px; margin-right:28px;} .main_rolling2 .bx-controls-auto-item {float: left;margin:0 3px; width:10px;} /* 서브 비주얼 */ #index-banner {background:url('../images/content/img_sub01.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner.ir {background:url('../images/content/img_sub02.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner3 {background:url('../images/content/img_sub03.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner4 {background:url('../images/content/img_sub04.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner5 {background:url('../images/content/img_sub05.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner6 {background:url('../images/content/img_sub06.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0101{background:url('../images/content/img_sub01_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0102{background:url('../images/content/img_sub01_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0103{background:url('../images/content/img_sub01_3.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0104{background:url('../images/content/img_sub01_4.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0105{background:url('../images/content/img_sub01_5.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0201 {background:url('../images/content/img_sub02_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0202 {background:url('../images/content/img_sub02_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0203 {background:url('../images/content/img_sub02_3.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0204 {background:url('../images/content/img_sub02_4.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0301 {background:url('../images/content/img_sub03_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0302 {background:url('../images/content/img_sub03_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0400{background:url('../images/content/img_sub04_0.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0401{background:url('../images/content/img_sub04_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0402{background:url('../images/content/img_sub04_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0403{background:url('../images/content/img_sub04_3.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0404{background:url('../images/content/img_sub04_4.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0405{background:url('../images/content/img_sub04_5.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0501 {background:url('../images/content/img_sub05_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0502 {background:url('../images/content/img_sub05_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0503 {background:url('../images/content/img_sub05_3.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0504 {background:url('../images/content/img_sub05_4.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0601 {background:url('../images/content/img_sub06_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0602 {background:url('../images/content/img_sub06_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0701 {background:url('../images/content/img_sub07_1.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner0702 {background:url('../images/content/img_sub07_2.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner08 {background:url('../images/content/img_sub08.jpg') no-repeat center top; height:540px;background-size:cover; } #index-banner .container {/* position:relative; */} #index-banner .container:after {content:''; clear:both; display:block;} nav a.dropdown-button.m-lang, nav a.dropdown-button.m-srch, nav a.dropdown-button.m-all {width:82px;} :root nav .icon {padding-top:32px\9;} nav {min-height:82px;} .brand-logo img{padding-top:13px} :root .brand-logo {padding-top:0px\9;} /* btn */ .right-align .btn_down{display:inline-block; border:1px solid #b5b5b5; height:48px; line-height:48px; font-size:16px; color:#000; padding:0 59px 0 29px; margin-bottom:90px;background:#fff url('../images/common/icon_down.png') no-repeat 88% center;} .search {display:none;} /* 검색영역 */ .serchArea {height:40px; margin-bottom:35px; line-height:40px;} .serchArea select, .serchArea span{display:inline-block; width:145px; height:38px;vertical-align:top;border:1px solid #a4a4a4;} .serchArea input{border: none; height: 35px; padding-left: 5px; width: 100px; margin: -9px 0 0; background: none;} .serchArea span a {text-indent:-9999px;} .serchArea a.btnSlt {display:inline-block; height:40px; background:#f18101; color:#fff; font-size:14px;line-height:38px; width:73px; text-align:center; vertical-align:top;} /* 타이틀 */ .visual_tit {margin-top: 130px;float: left; margin-left: 80px; color:#fff;} .visual_tit p, .visual_tit h2 {margin:0;} .visual_tit h2 { font-family:'dm'; padding-bottom:40px; margin-bottom:28px; background:url('../images/common/bg_tit.png') no-repeat left bottom;} .visual_tit span {display:block; font-size:20px; font-family:'dm'; line-height:20px; margin-bottom:17px;} .visual_tit p {font-size:18px} .promo-caption {font-size:30px; color:#164e88; font-family:'dm';} .blueSmenu, .orangeSmenu, .graySmenu {display:block; width:100%; text-align:center; height:190px;} .blueSmenu .white-text, .orangeSmenu .white-text, .graySmenu .white-text {display:block; font-size:16px; padding-top:109px;} .blueSmenu .gray-text, .orangeSmenu .gray-text, .graySmenu .gray-text {font-size:14px; color:rgba(255,255,255,0.5) !important;} .blueSmenu .gray-text.two_text, .orangeSmenu .gray-text.two_text, .graySmenu .gray-text.two_text{padding-top:5px; line-height:0 !important;} /* icon */ .iconNews {background:url('../images/common/icon_news.png') no-repeat center 54px;} .icongallery {background:url('../images/common/icon_gallery.png') no-repeat center 52px;} .iconInfo {background:url('../images/common/icon_info.png') no-repeat center 50px;} .iconPosition {background:url('../images/common/icon_position.png') no-repeat center 49px;} .iconir01 {background:url('../images/common/icon_ir01.png') no-repeat center 54px;} .iconir02 {background:url('../images/common/icon_ir02.png') no-repeat center 54px;} .iconir03 {background:url('../images/common/icon_ir03.png') no-repeat center 54px;} .iconir04 {background:url('../images/common/icon_ir04.png') no-repeat center 54px;} .iconir1 {background:url('../images/common/icon_ir1.png') no-repeat center 54px;} .iconir2 {background:url('../images/common/icon_ir2.png') no-repeat center 54px;} .iconir3 {background:url('../images/common/icon_ir3.png') no-repeat center 54px;} .iconir4 {background:url('../images/common/icon_ir4.png') no-repeat center 54px;} .iconbrand01 {background:url('../images/common/icon_brand1.png') no-repeat center 68px;} .iconbrand02 {background:url('../images/common/icon_brand2.png') no-repeat center 52px;} .iconbrand03 {background:url('../images/common/icon_brand3.png') no-repeat center 50px;} .iconbrand04 {background:url('../images/common/icon_brand4.png') no-repeat center 45px;} .iconab1 {background:url('../images/common/icon_ab1.png') no-repeat center 54px;} .iconab2 {background:url('../images/common/icon_ab2.png') no-repeat center 54px;} .iconab3 {background:url('../images/common/icon_ab3.png') no-repeat center 54px;} .iconab4 {background:url('../images/common/icon_ab4.png') no-repeat center 54px;} .iconab5 {background:url('../images/common/icon_ab5.png') no-repeat center 54px;} .iconmarketing01 {background:url('../images/common/icon_marketing1.png') no-repeat center 54px;} .iconmarketing02 {background:url('../images/common/icon_marketing2.png') no-repeat center 54px;} .iconcareer01 {background:url('../images/common/icon_career1.png') no-repeat center 54px;} .iconcareer02 {background:url('../images/common/icon_career2.png') no-repeat center 54px;} .iconetc01 {margin-left: 49.5% !important;background:url('../images/common/icon_etc1.png') no-repeat center 54px;} .iconetc02 {background:url('../images/common/icon_etc2.png') no-repeat center 54px;} .iconetc03 {background:url('../images/common/icon_etc3.png') no-repeat center 54px;} .iconrd00 {background:url('../images/common/icon_rd0.png') no-repeat center 54px;} .iconrd01 {background:url('../images/common/icon_rd1.png') no-repeat center 54px;} .iconrd02 {background:url('../images/common/icon_rd2.png') no-repeat center 54px;} .iconrd03 {background:url('../images/common/icon_rd3.png') no-repeat center 54px;} .iconrd04 {background:url('../images/common/icon_rd4.png') no-repeat center 54px;} .iconrd05 {background:url('../images/common/icon_rd5.png') no-repeat center 54px;} .contentTit {margin-bottom:40px;} .contentTit.twodep{margin-top:120px;} .contentTit h2{position:relative;margin:0; font-size:45px; color:#164e88; margin-bottom:25px;font-family:'dm'; line-height:1 !important; } .contentTit h2.vertical-line:before{content:"";position:absolute;z-index:999;left:50%;bottom:0;width:1px;height:100px;background:#f18101;} .contentTit h2.line-o{padding-bottom:25px;background: url(../images/common/bg_contentTit.gif) no-repeat center bottom;} .contentTit h2 span {margin:0; font-size:25px; color:#000; margin-bottom:0px; font-family:'dm';} .contentTit h2.fs35 {margin:0; font-size:35px; font-family:'dm'; margin-bottom:25px;} .contentTit h2.blue-text {color:#164e88 !important;} .contentTit h2.fs35.pt135 {color:#000;padding-top:190px; background:url('../images/content/brand/bg_h2_bio.png') no-repeat center 57px;} .contentTit p{margin:0;padding:20px 0 0 0;font-size:22px; color:#000; background:url('../images/common/bg_contentTit.gif') no-repeat center top;} .contentTit p._white{margin:0;font-size:22px; color:#000; padding-top:25px; background:url('../images/common/bg_contentTit2.gif') !important no-repeat center top;} .xlw192p {width:192px !important;} .toplink {margin-top:117px;} .toplink {width:392px;} .toplinkh3 {width:386px;} .toplink a { margin: 1px 0 0px 1px;} .toplink.hr2 a {width:49%;} .toplink.hr3 a {width:33%;} /* .toplink.hr3 a:first-child {margin-left:33.3%;} */ .toplink.hr3 {width:360px;position:relative;} .toplink.hr3 > div {position:absolute;top:0;right:0;width:600px;} .mobile.toplink{display: none !important;} nav .pcTnav li.lang{display:block !important;} .pcTnav .allmenu {text-indent:-99999px;} .pcTnav .allmenu {display:none !important;} nav a.dropdown-button {margin:0 0px;} nav a.dropdown-button.allmenu {display:none;} nav a.icon {margin:0; padding:30px 30px;} .fullmenu {position:absolute; left:0% !important; width:100% !important;} #cellMain .fullmenu{top:162px;} #cellSub .fullmenu{top:82px;} #cellMain #topdropdown1.fullmenu,#cellMain #topdropdown2.fullmenu{top:49px !important;} .fullmenu .container {margin:0 auto; max-width:1200px;} /* header 메뉴 */ nav .input-field {margin-top:20px; margin-left:20% !important;background:#fff;width: 60% !important; height:38px; border:1px solid #c6c6c6; color:#666666; font-size:16px; } nav .input-field label {display:none} nav .input-field input { vertical-align:top; font-size: 16px; width:490px; height: 100%; color:#666666; padding-left: 20px;; line-height:38px; background:#fff;} nav .nav_search {display:inline-block; margin-top:20px; margin-left:5px; vertical-align:middle; width:40px; height:40px; text-indent:-9999px; background:url('../images/btnInc/btn_search.png') no-repeat 0 0;} nav .search_cls {position:absolute; top:0; right:30px;display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/search_cls.png') no-repeat right center;} nav .fullmenu {border-top:2px solid #f18101; padding:35px 0; min-height:245px;overflow: hidden;} nav .fullmenu.grey {min-height:75px !important; padding:0;} nav .fullmenu .container{position:relative;} nav .fullmenu .textArea {float:left; width:394px; border-right:1px solid #eaeaea;} nav .fullmenu .textArea h2{color:#000; margin:0; padding:0;} nav .fullmenu .textArea h2 span{font-size:17px; display:block; line-height:17px; margin-bottom:10px;} nav .fullmenu .textArea h2 span.en {font-size:35px;} nav .fullmenu .textArea p.stxt {font-size:17px; line-height:20px; color:#666;} nav .fullmenu .textArea p.xstxt {color:#888; font-size:14px;line-height:20px; margin-top:17px;} nav .fullmenu ul.submenu {float:left; margin-left:25px;} nav .fullmenu ul.submenu li {min-height:20px;} nav .fullmenu ul.submenu li a {font-size:16px;min-height:38px; height:38px; color:#000; line-height:17px;} nav .fullmenu ul.submenu li a:hover {background:none !important;} nav .fullmenu .btnDown {position:absolute; top:0px; right:0; width:238px; line-height:1;} nav .fullmenu .btnDown a {display:inline-block; width:100%; line-height:48px;height:48px;border:1px solid #b5b5b5; color:#000;} nav .fullmenu .btnDown a.btncompany {padding-left:30px;background:#fff url('../images/common/icon_down.png') no-repeat 92% center;} nav .fullmenu .btnDown a.mallgo {background:#fff url('../images/common/btn_mallgo.gif') no-repeat 92% center;} nav .fullmenu .btnDown a.ci {padding-left:70px;background:#fff url('../images/common/icon_down.png') no-repeat 72% center;} nav .fullmenu .btnDown a.detail {display:inline-block; width:100%; font-size:14px;border:none; color:#ff9800 !important; padding:0;} nav .fullmenu .rightArea {width:370px;} nav .fullmenu .rightArea .left {margin-right:10px;} nav .fullmenu .rightArea .left p {margin:0; color:#000; font-size:20px;} nav .fullmenu .rightArea .left p.txt {font-size:14px; color:#666; margin-top:10px;} nav a.button-collapse a.mallgo {margin-top:-20px; line-height:0;} nav .dropdown-button.orange:hover, nav .dropdown-button.orange.active{background:#ff9800 !important} nav .dropdown-button.orange.m-all:hover, nav .dropdown-button.orange.m-all.active{background:#ff9800 url('../images/common/gnb10.png') no-repeat 50% 50% !important;} nav .sitemap h5 {width:100px; height:40px; line-height:40px;font-size:16px; border-bottom:1px solid #f8c080;} nav .sitemap ul {width:90%;margin:10px 0 ;} nav .sitemap ul li {min-height:20px;} nav .sitemap ul li a {margin:0; padding:0; height:20px; line-height:20px; font-size:13px;} nav .sitemap .container {position:relative;padding-left:300px;} nav .sitemap .links > div {width:18.5% !important;} nav .sitemap .allM_cls {position:absolute; top:0; right:30px; display:inline-block; margin-top:0px; margin-left:00px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/allM_cls.png') no-repeat right center;} nav .irstock.btnDown {width:370px;} nav .irstock .tit {color:#000;} nav .irstock > dl dt { width: 40%; float: right; padding: 2px 0 2px 0px; text-align: left; margin-top:2px; font-size: 22px; color: #000;} nav .irstock > dl .ircurrent { float: left;width: 55%;margin: 0px 0%; text-align: center; font-size: 55px; line-height: 55px; color: #f87a13; border-right:1px solid #eaeaea;} nav .newsList {position:relative;} nav .fullmenu .btnDown.newsList {width:340px;} nav .fullmenu .btnDown.newsList dl {margin:0; width:340px;} nav .fullmenu .btnDown.newsList dt {font-size:20px; color:#000; margin-bottom:25px;} nav .fullmenu .btnDown.newsList dd a{font-size:14px; color:#666; line-height:1.5; padding:0;} nav .fullmenu .btnDown.newsList a {display:inline-block; width:100%; line-height:48px;height:48px;border:none; color:#000;} nav .fullmenu .btnDown.newsList a.newMore {display:inline-block; position:absolute; top:0; right:0; text-indent:-999999px; width:18px; height:18px; background:url('../images/common/btn_more.gif') no-repeat 0 0} nav .irstock > dl { width: 100%; height: 150px; margin: 0; border-bottom: 1px solid #fff; } .scrollTop {display:none;width:100%; height:49px; line-height:49px; border-bottom:1px solid #e5e5e5; background:#fff;z-index:1000;} h2.header.center { line-height:0;} h2.header.toptxt.mobile {display: none !important;} div.path {width:100%;height:50px !important; line-height:50px;} div.path:after {content:''; display:block;} div.path .nav-wrapper {display:block; width:100%; height: 100%;} .input-field input::-webkit-input-placeholder { color: #666666;} .input-field input:-moz-placeholder { /* Firefox 18- */ color: #666666;} .input-field input::-moz-placeholder { /* Firefox 19+ */ color: #666666;} .input-field input:-ms-input-placeholder { color: #666666;} /* table */ .panel {margin-top:25px;} table.centered .tbl_left {display:block;} table.centered .tbl_left dt a{font-size:18px;color:#000;max-height:24px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis } table.centered a{font-size:16px;color:#000;max-height:24px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis } table.centered .tbl_left dd {margin:5px 0 0 ; padding:0;font-size:14px; width:80%;line-height:18px;color:#888888;max-height:36px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} table.centered p {margin:5px 0 0 ; padding:0;font-size:14px; line-height:18px;color:#888888;max-height:36px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} /* paging */ .pagination {padding:55px 0;} .pagination .prev {text-indent:-99999px; width:32px; height:32px;background:url('../images/common/chevron_left.png') no-repeat center center;} .pagination .next {text-indent:-99999px; width:32px; height:32px; background:url('../images/common/chevron_right.png') no-repeat center center;} /* footer */ footer .footer_links {text-align:center;} footer .footer_links .container{position:relative;} footer .footer_links .util-menu {display:inline-block; font-size:0;margin:4px 0 0 -40px;} footer .footer_links .util-menu li {display:inline-block;} footer .footer_links .util-menu li a {display:block; font-size:14px; } footer .footer_links .util-menu li a:before {content:'|'; display:inline-block;padding:15px ; color:#5d6e91;} footer .footer_links .util-menu li:first-child a:before, footer .footer_links .util-menu li.right a:before {content:''; } footer .footer_links .container:after {content:''; clear:both; display:block;} footer .footer_links .family {position:absolute;top:0;right:0;font-size:13px; padding-right:15px;margin:0 15px 0 0;line-height:57px;background:url('../images/common/btn_bgup.png') no-repeat right center;} footer .sitemap .links {float:left; width:50%; margin-bottom:45px;} footer .sitemap h5 {font-size:16px; margin:45px 0 0;} footer .sitemap ul {border-left:1px solid #8e9bb3 ; padding-left:7px;} footer .sitemap ul li a {font-size:13px; letter-spacing:-1px;} footer .drop-content2 {margin-top:20px; height:120px; overflow-y:auto; width:200px !important;} footer #dropdown_f li {line-height:15px;min-height:35px !important;} footer .drop-content2 li a {font-size:13px; color:#000; padding:5px 16px !important;} footer .etc_link ul {border:none; padding-left:0; margin:45px 0 0 !important;} footer .etc_link ul li {line-height:16px;} footer .etc_link ul li a {display:block;font-size:16px; margin-bottom:12px;} footer .sitemap .container.clearfix.mobile {display:none !important;} /* 갤러리 */ .btn_view {background-color:rgba(241,129,1,0.7);} h2.header.center {display:block !important;} h2.header.center.mobile {display:none !important;} .galleryviewer {position:relative; width:100%; border:1px solid #d6d6d6;margin-bottom:80px;} .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;} .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:7%; height:76px; text-indent:-99999px; line-height:76px;background:url('../images/content/pr/btn_galleryList.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .galleryTit { display:inline-block; width:75%; color:#000; vertical-align:middle; padding:0 15px; font-size:18px; line-height:22px; margin:15px 0 ;} .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .galleryviewer .galleryhead .galleryTit span.date {display:block; color:#888; font-size:14px; margin-top:-30px;} .galleryviewer .galleryhead .galleryTit .ellip {width:80%;} .galleryviewer .galleryhead .sns { display:inline-block; border-left:1px solid #d6d6d6;width:15%; margin:0;background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:76px;} .galleryviewer .galleryContent {padding:60px;} .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-29px; margin-left:-87px; width:178px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .galleryviewer .galleryBtn a {display:inline-block;float:left;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} .galleryviewer .galleryContent p img{width:100%;} .main_rolling {margin-bottom:65px; min-height:415px;height:415px; overflow:hidden;} .main_rolling .bx-wrapper {/* min-height:413px;height:413px; */} .panel .card .card-image {position: relative;height:194px; overflow:hidden;} .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:50%; margin:0; min-height: 413px;padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left { text-align:center; height:413px;} .main_rolling .slidegallery li p.left img { /* height:100% !important; */width:auto !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block;} .main_rolling .slidegallery li dl.right {padding:4.8% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm';} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:100px;} /* ir */ .topdown {width:100%; background:#f2f2f2; margin-bottom:70px;padding:68px 0;} .topdown:after {content:'';display:block; clear:both;} .topdown .container {max-width:1200px; } .topdown .container .left {width:48.5%;text-align:right; } .topdown .container .right {width:48.5%; text-align:left;margin-top:30px;} .topdown .container .right dt {font-size:22px; color:#000;line-height: 22px;} .topdown .container .right dt span {display:block; line-height: 18px;color:#075a8d;font-size:18px; margin-bottom:24px;} .topdown .container .right dd {margin:0; padding:0;} .topdown .container .right dd a.btn_down { margin:25px 0;padding-right: 25px; display:block; height:50px; border:1px solid #b5b5b5; width:240px; font-size:16px; text-align:center; line-height:50px; background:#fff url('../images/common/icon_down.png') no-repeat 73% center;} .topdown .container .right dd.arTxt {font-size:14px; color:#666666; line-height:22px;} .ir li:first-child {border-left:none;} table a.btn_down {display:block;max-height:34px !important; height:34px !important; padding-right: 25px; border:1px solid #b5b5b5; width:173px; font-size:14px; text-align:left;padding:0 0 0 30px; line-height:32px !important; background:url('../images/common/icon_down.png') no-repeat 74% center;} table .f16 {font-size:16px !important; } /* ir :주가 정보 */ .irgraph .container{border-top:1px solid #000000;} .irgraph .container .left,.irgraph .container .right {width:49.5%;} .irgraph .container .right.graph {width:50%;} .irstock > dl {width:100%;height:150px; margin:0;border-bottom:1px solid #e6e6e6; } .irstock > dl dt {width:55%;float:right; padding:39px 0; text-align:left; font-size:22px; color:#000;} .irstock > dl dt em{font-size:16px; color:#666666; padding-right:10px; font-style:normal !important;} span.irdowns { display:inline-block;background:url('../images/content/ir/down_s.png') no-repeat center center;height:16px;text-indent: -99999999px; width: 20px; vertical-align:middle} span.irups {display:inline-block;background:url('../images/content/ir/up_s.png') no-repeat center center;height:16px;text-indent: -99999999px; width: 20px; vertical-align:middle} .irstock > dl dt strong {font-size:16px; color:#000; padding-right:10px;} .irstock > dl .ircurrent {float:left;width:45%; margin:43px 0; text-align:center; font-size:55px; line-height:55px; color:#f87a13;} span.up {display:inline-block; line-height:55px; height:55px; margin-right:10px; background:url('../images/content/ir/up1.png') no-repeat center center; text-indent:-99999999px; width:20px; } span.down {display:inline-block; line-height:55px; height:55px; margin-right:10px; background:url('../images/content/ir/down1.png') no-repeat center center; text-indent:-99999999px; width:20px; } .irstock ul li{float:left; width:25%; text-align:center;} .ir {height:90px;color:#666666;} .ir li{border-left:1px solid #e6e6e6;} .ir li:first-child {border-left:none;} .ir li span.tit{color:#000;} .kospi .left {width:50%; text-align:center;} .kospi .left dt {font-size:18px; font-family:'dm';} .kospi .left dd {margin:0; color:#666666; font-size:18px;} .kospi .left dd.price {font-size:30px; color:#000;} .graph .bggrey div.left {margin-top:50px;} /* 재무정보 */ .tbl_dec {margin-bottom:90px;} .tbl_dec p.left {font-size:14px; color:#666;} .tbl_dec .sltArea {width: 103%; display:block;} .tbl_dec .sltArea select.browser-default{float:left !important; margin-left:1%; font-size:14px; color:#666666;background-color:#f2f2f2; border:1px solid #000; width:180px !important;} /* 막대그래프 */ .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px;} .v_graph ul:after{display:block;clear:both;content:"";} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4; } .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:-40px;left:0;width:100%;color:#8ba1b9; font-size:30px; } .v_graph span.txt em {font-size:20px; font-style:normal;} .v_graph .last span.txt {color:#f18101;} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} /* 브랜드소개 */ .con_duolac {padding-bottom:80px;} .con_duolac2 {background:url('../images/content/brand/bg_duolac01.jpg') no-repeat center top; height:540px; } .con_duolac2 .contentTit, .con_duolac3 .contentTit{margin-bottom:35px;} .con_duolac .left , .con_duolac .right{float:left ; width:45%;} .con_duolac dl dd {margin:0; padding-bottom:0px; font-size:14px; color:#888888; line-height:21px;} .con_duolac dl.duolac01 dd img, .con_duolac dl.duolac02 dd img{width:100%; height:auto;} .con_duolac dl {margin:0; padding:0;} .con_duolac dl dt {font-family:'dm'; font-size:20px; min-height:25px; color:#000; line-height:25px; } .con_duolac3 .row{background:url('../images/content/brand/bg_singapore.png') repeat-y center top; } .con_duolac3 .duolac03 {width:330px; height: auto;padding:0;} .duolac03 dt {font-family:'dm'; font-size:20px; min-height:25px; color:#000; line-height:25px;} .duolac03 dd {margin:0; padding-bottom:0px; font-size:14px; color:#666; line-height:20px;} .duolac03.left-align {margin-left:170px;} .acl {float:left; margin:0 0 0 -136px;} .acr{float:right; margin:0 -140px 0 0;} .con_duolac3 p.img {height:276px;} .con_duolac3 .offset-s6 {padding-bottom:68px;} .con_duolac3 dt {font-size:20px; color:#000; line-height:26px;} .con_duolac3 dd {font-size:14px; color:#666666;} .con_duolac4 {padding-bottom:110px;} .con_duolac4 .contentTit {padding-top:80px;} .con_duolac4 p.img {margin:0;} .con_duolac4 p.img img {width:100%; height:auto;} .con_products{margin-top:68px; border-bottom:1px solid #e9e9e9;} .con_products .center-align p, .con_products p.txt, .contentTit p.txt {font-size:16px; color:#666; line-height:26px;} .con_products p.tit {font-size:20px; font-family:'dm'; line-height:28px;} .con_products .contentTit {margin-bottom:35px;} .con_products .btnDown {display:inline-block; margin:70px auto 90px; font-size:16px; line-height:16px; padding:17px 58px 17px 27px ; border:2px solid #000;background:url('../images/common/icon_down.png') no-repeat 87% center;} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {margin:0;} .imgAlign li {float:left;width:25%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .popBtn {padding-top:37px; background:url('../images/content/marketing/popBtn.gif') no-repeat center top;} .popBtn a {display:inline-block; font-size:14px; padding: 0; line-height:74px; letter-spacing:0 !important; color:#fff;width:61px; height:61px;background:url('../images/btnInc/btnMore.gif') no-repeat center top;} .modal .galleryviewer {position:relative; width:100%; border:none;margin-bottom:0px;} .modal .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;font-size:0;} .modal .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:8%; height:76px; text-indent:-99999px; line-height:76px;background:url('../images/btnInc/btn_clsView.png') no-repeat center center; vertical-align:middle} .modal .galleryviewer .galleryhead .galleryTit { display:inline-block; width:70%; color:#000; vertical-align:middle; padding:0 15px; font-size:18px; line-height:22px; margin:15px 0 ;} .modal .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .modal .galleryviewer .galleryhead .galleryTit span.date {display:block; color:#888; font-size:14px; margin-top:-30px;} .modal .galleryviewer .galleryhead .galleryTit .ellip {width:80%;} .modal .galleryviewer .galleryhead .sns { display:inline-block; border-left:1px solid #d6d6d6;width:22%; margin:0; padding-left: 10px; background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle; } .modal .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:76px;} .modal .galleryviewer .galleryContent {padding:60px;} .modal .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .modal .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .modal .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-40px; margin-left:-87px; width:174px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .modal .galleryviewer .galleryBtn a {display:inline-block;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} .onlyone {padding-bottom:100px;} .onlyone .one1 {background:url('../images/content/brand/img_onlyone1.jpg') no-repeat center top; background-size:auto 100%; height:576px;} .onlyone .one2 {background:url('../images/content/brand/img_onlyone2.jpg') no-repeat center top; background-size:auto 100%;height:288px;} .onlyone .one3 {background:url('../images/content/brand/img_onlyone3.jpg') no-repeat center top; background-size:auto 100%;height:288px;} .onlyone .one4 {background:url('../images/content/brand/img_onlyone4.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one5 {background:url('../images/content/brand/img_onlyone5.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one6 {background:url('../images/content/brand/img_onlyone6.jpg') no-repeat center top; background-size:cover;height:576px;} .one-text {width:50%; padding:6% 4%;} .one-text p, .one-text ul {margin:0;} .one-text .orange-text {color:#f18101; } .one-text .one-num {font-size:53px; line-height:1;} .one-text .one-tit {font-size:24px; line-height:1.2; padding-bottom:13px} .one-text ul.one-list li{font-size:14px; line-height:1.5; color:#888888;} .one-text p.one-desc {font-size:14px; line-height:1.5; color:#888888;} .one1{padding-top:48%;padding-left:50%; width:100%;} .one6{padding-top:48%;width:100%; height:100%;} .one1 .one-text {width:100%; height:100%; background:rgba(23,68,115,0.9);} .one6 .one-text {height:100%; background:rgba(23,68,115,0.9);} .one2 .one-text { padding:3% 4%;} .one5 .one-text {width:100%; padding:8% 5%;} .one3 .one-text {margin-left:50%;} .onestop .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .onestop img {width:90%; height:auto;} .inline-img{font-size:0;} .inline-img img{width:42%;} .onestop dl {margin-top:70px;} .onestop dt {font-size:22px; color:#000;} .onestop dd {font-size:14px; color:#666;} /* 인재상 */ .promo {padding-bottom:180px;} .careers {padding-top:65px;background:url('../images/content/careers/bg_careers.jpg') no-repeat center top; height:630px;background-size:cover; } .careerTbl {padding-top:80px;padding-bottom:250px;} .careers .btnArea a {margin:0; display:inline-block; height:50px; border:1px solid #b5b5b5; padding:0px 55px 0px 30px;font-size:16px; text-align:center; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .step {text-align:center; margin:0 auto; width:100%; line-height:25px;} .step ol {margin:0 0 70px;} .step ol li {list-style:none; float:left; width:25%; padding-top:125px;} .step ol li.step1 {padding-right:45px;background:url('../images/content/careers/icon_step1.png') no-repeat center top; min-height:200px; max-height:238px; height:238px;background-size:auto 100%} .step ol li.step2 {padding-right:45px;background:url('../images/content/careers/icon_step2.png') no-repeat center top; min-height:200px; max-height:238px; height:238px;background-size:auto 100%} .step ol li.step3 {padding-right:45px;background:url('../images/content/careers/icon_step3.png') no-repeat center top; min-height:200px; max-height:238px; height:238px;background-size:auto 100%} .step ol li.step4 {background:url('../images/content/careers/icon_step4.png') no-repeat center top; min-height:200px; max-height:238px;height:238px; background-size:auto 100%} .step-no {font-size:18px; color:#000; font-family:'dm'; margin:0;} .step-text {font-size:22px; color:#000; font-family:'dm'; margin:0;} .step-text span {font-size:14px;margin:0;} /* 기타 */ .section.web {padding-bottom:100px;} .webA .contentTit p {font-size:16px; color:#666;} .web {font-size:14px; color:#666; } .web dt {font-family:'dm'; margin-top:30px;color:#000; } dd {margin:0; padding:0;} .web p.tit {font-size:22px; color:#000; margin-top:80px; padding-bottom:25px; border-bottom:1px solid #b2b2b2;} .privacy dt {font-size:18px; color:#000; margin:45px 0 22px; } .privacy dd {margin-bottom:20px;} .inquiry {padding:80px 0 100px;} .inquiry h3 {font-size:22px; color:#000; padding-bottom:20px; margin-bottom:23px; border-bottom:2px solid #686868;} .container.w900 {width:900px !important; margin:0 auto;} .container.w900 > div.textBox {padding:0 20px; background: #fff none repeat scroll 0 0; border: 1px solid #d1d1d1; color: #666666; font-size: 14px; color:#888888;font-family:'dm' ;height: 195px; overflow-y: auto; width: 100%;} .vtbl th, .vtbl td {border-bottom:1px solid #dedede;} .vtbl th {background:url('../images/common/bul_th.gif') no-repeat right center;} .vtbl td {padding-left:22px;} .btmBtns .btn_ok {display:block; background:#174473; color:#fff; height:50px; line-height:50px; width:182px; text-align:center; margin:40px auto;} /* 회사소개 */ .map {margin-bottom:100px;} .map .left {height:433px; overflow:hidden; text-align:center;} .map .left img {width:auto; height:433px; text-align:center;} .map .left {width:68%;} .map .right {height:433px;width:30%; position:relative;border:1px solid #dfdfdf;} .map .right dl {margin:0; padding:33px 40px; text-align:left; width:347px;} .map .right dl dt {font-size:30px;color:#000; padding-bottom:28px;background:url('../images/content/about/bg_dt.gif') no-repeat left bottom;} .map .right dl dd {padding-left:27px; padding:10px 0 10px 27px;} .map .right dl dd.iadd {margin-top:20px;background:url('../images/content/about/iadd.gif') no-repeat left 12px;} .map .right dl dd.itel {background:url('../images/content/about/itel.gif') no-repeat left 11px;} .map .right dl dd.ifax {background:url('../images/content/about/ifax.gif') no-repeat left 12px;} .map .right dl dd.iweb {background:url('../images/content/about/iweb.gif') no-repeat left 12px;} .map .right .btnMap {position:absolute; bottom:0; width:100%;border-top:1px solid #dfdfdf;} .map .right .btnMap a{display:inline-block;width:46%; line-height:52px; padding-right:3%; font-size:16px; /*background:url('../images/content/about/bg_btngo.jpg') no-repeat 90% center;*/} .map .right .btnMap a:first-child {border-right:1px solid #dfdfdf} .map .right .btnMap a.a100{width:97%; border-right:0} .full1 {padding-top:90px;background:url('../images/content/about/bg_leader.jpg') no-repeat center top; height:452px; } .full2 {padding-top:55px;background:url('../images/content/about/bg_full1.jpg') no-repeat center top; height:518px; } .full3 {padding-top:80px;background:url('../images/content/about/bg_full2.jpg') no-repeat center top; } .full3 .bgupline{padding-bottom:50px !important;} .full3 h2, .full1 h2{padding-bottom:25px; margin-bottom:25px; background:url('../images/common/bg_contentTit.gif') no-repeat center bottom;} .leader1 {padding-left:245px; background:url('../images/content/about/bg_leader1.jpg') no-repeat 140px center; } .leader2 {padding-left:195px; background:url('../images/content/about/bg_leader2.jpg') no-repeat 90px center; } .leader3 {padding-left:245px; background:url('../images/content/about/bg_leader3.jpg') no-repeat 140px center; } .leader4 {padding-left:195px; background:url('../images/content/about/bg_leader4.jpg') no-repeat 90px center; } .full1 + .bglineH .row .col:nth-child(3){clear:both;} .leader dt{font-size:20px; color:#000;} .leader dt span {font-size:16px;} .leader dd {font-size:14px; color:#666; width:80%;} .btnBtm a{display:inline-block; height:50px; margin:0 20px; border:1px solid #b5b5b5; color: #000; font-size:16px; text-align:left;padding:0 55px 0 30px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .company {padding-bottom:115px;} dl.ceo1 {height:298px; margin:0; padding:70px 45px 0;} dl.ceo2 {height:298px; margin:0; padding:48px 45px 0;} dl.ceo1 dt, dl.ceo2 dt {font-size:20px; color:#000; font-family:'dm';} dl.ceo1 dd, dl.ceo2 dd {font-size:14px; color:#666; line-height:23px;} .bgceo {padding-top:90px;background:url('../images/content/about/bg_ceo.jpg') no-repeat center top; height:614px; } .bgceo .contentTit {text-align:center; margin-top:100px;} .bgceo .contentTit h2{font-family:'dl' !important; font-size:36px !important;} .bgceo .contentTit p {font-size:16px; color:#666;} .ciArea {width:90%; /* border:1px solid #dfdfdf; */ } .ciArea img {width:100%;} .ciArea .btnMap {border-top:1px solid #dfdfdf;} .ciArea .btnMap a{display:inline-block;width:49%; line-height:52px;font-size:16px; padding:0 55px 0 30px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .ciArea .btnMap a:first-child {border-right:1px solid #dfdfdf} .textArea p {margin:0;} .ci2Area {border:1px solid #dfdfdf;width:100%;} .ci2Area img {width:100%; height:auto;} .rdfull1 {padding-top:195px;background:url('../images/content/rd/bg_rd1.jpg') no-repeat center top; height:679px; } .treeImg {padding-bottom:70px;} .treeImg .areaImg {width:60%; float:left; margin:0;} .treeImg div {display:inline;width:40%;float:left; margin-top:10px;} .treeImg div.areadesc p {margin:0;} .treeImg div.areadesc .tit {font-size:20px;font-family:'dm'; padding-bottom:5px;} .treeImg div.areadesc .subtit {font-size:16px;font-family:'dm';} .treeImg div.areadesc ul {margin:0;font-size:16px; color:#666666;} .treeImg div.areadesc ul li{padding-left:13px;text-indent:-13px;} .rdTab .panel {display:table; max-height:300px; width:100%; padding-bottom:40px; margin-bottom:80px; } .rdTab .panel div {display:table-cell; vertical-align:middle;} .rdTab .panel div h3 {font-size:20px; color:#000;text-align:center;} .rdTab .panel div h3 span {font-size:14px; color:#000;} .rdTab .rnd_tit {width:25%;} .rdTab .rnd_tit h3 {text-align:center; font-family:'dm';} .rdTab .rnd_txt {width:50%; text-align:left;} .rdTab .rnd_txt ul {padding-top:10px;} .rdTab .rnd_txt dt , .rdTab .rnd_txt ul li{font-size:14px; color:#000; line-height:2;} .rdTab .rnd_txt dt {margin-top: 10px;} .rdTab .rnd_txt dd {font-size:14px; color:#888;} .rdTab .panel .rnd_txt ul , .rdTab .panel .rnd_txt dl {margin:0 ; text-align:left; padding-left:30px; border-left:1px solid #e2e2e2;} .rdTab .panel .rnd_img { text-align:right; width:25%} .gualitybg {background:#174473; /* height:386px;*/ padding-top:80px;} .gualitybg p {font-size:20px;} .iconQ1 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q1.png') no-repeat center 0px;} .iconQ2 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q2.png') no-repeat center 7px;} .iconQ3 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q3.png') no-repeat center 8px;} .logoArea, .logoArea2 {border:1px solid #d3d3d3} .logoArea2 {border-top:none; margin-bottom:100px;} .logoArea > div.first , .logoArea2 > div {border-right:1px solid #d3d3d3;} .logoArea2 > div {height:430px;} .logoArea2 > div.last {border-right:none;} .logoArea dl, .logoArea2 dl {padding:0 40px 0px;} .logoArea dl dt, .logoArea2 dl dt {font-size:18px; font-family:'dm';color:#000;} .logoArea dl dd, .logoArea2 dl dd{font-size:16px; font-family:'dm';color:#666666; padding-bottom:30px;} .logoArea dl dt.tit {font-size:22px; color:#000;font-family:'dm';} .logoArea .logo-img img, .logoArea2 .logo-img img{width:100%;} .logoArea .logo-img, .logoArea2 .logo-img{overflow:hidden;} .coationArea {background:url('../images/content/rd/bg_coationg.jpg') no-repeat center bottom; height:745px;} .coationArea img {max-width:795px; width:90%;} .txtArea {margin-top:85px;} .coatArea dt {font-size:16px; font-family:'dm';} .coatArea dd {font-size:14px; color:#888;} .coatArea2 dt {font-size:20px; font-family:'dm';color:#000; margin-bottom:20px;} .coatArea2 dd {font-size:14px; color:#888;} .btmGreen {background:#f3fdf5; padding-top:50px; margin-top:85px; text-align:center;} .btmGreen .contentTit {padding-top:100px; margin-bottom:40px;} .contentTit2 {font-size:25px; font-family:'dm'; } .rdstep > div {position:relative; margin:50px 0 0px 10px; padding:0 40px 0 10px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 280px center;} .rdstep > div.last {background:none;} .rdstep > div dl {color:#fff; background:#444; padding-top:20px; width:250px; height:328px;} .rdstep > div dt {font-size:20px; font-family:'dm';} .rdstep > div dt span {font-size:24px; font-family:'dm';display:block;} .rdstep .popBtn {position:absolute; bottom:16px; left:10px;width:250px; padding:0;background:#444; background:none; height:167px;} .rdstep .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 248px; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;} .rdstep .step01 dl{background: url(../images/content/rd/rd_step01.jpg) no-repeat left top;} .rdstep .step02 dl{background: url(../images/content/rd/rd_step02.jpg) no-repeat left top;} .rdstep .step03 dl{background: url(../images/content/rd/rd_step03.jpg) no-repeat left top;} .rdstep .step04 dl{background: url(../images/content/rd/rd_step04.jpg) no-repeat left top;} .rdstep .step05 dl{background: url(../images/content/rd/rd_step05.jpg) no-repeat left top;} .rdstep .step06 dl{background: url(../images/content/rd/rd_step06.jpg) no-repeat left top;} .rdstep .step07 dl{background: url(../images/content/rd/rd_step07.jpg) no-repeat left top;} .rdstep .last dl{background: url(../images/content/rd/rd_step08.jpg) no-repeat left top;} .rdmov { background: url(../images/content/rd/bg_rdmov.gif) repeat-x left bottom;} .rdmov iframe {margin-top:70px;width:764px; height:485px; margin-bottom:30px;} .rdstep2 > div {position:relative; float:left; margin:50px 0 0px 0px; padding:0 50px 0 0px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 96% center;} .rdstep2 > div.last {background:none;} .rdstep2 > div dl {color:#fff; background:#444; padding:170px 0 0; margin:0; width:100%; height:293px;} .rdstep2 > div dt {margin-top:0px;font-size:20px; font-family:'dm';} .rdstep2 > div dd {word-spacing: -4px; line-height:1.2;} .rdstep2 > div dt span {font-size:24px; font-family:'dm';display:block; line-height:1.2} .rdstep2 .popBtn {position:absolute; top:0px; left:0px;width:100%; padding:0;background:#444; background:none; height:167px;} .rdstep2 .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 84%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;transition:inherit;} .contentTit+.rdstep2 {width:calc(100% - 10%);} .contentTit+.rdstep2 >div {width:28%;box-sizing:border-box;} .contentTit+.rdstep2 >.step04 {width:16%;} .col.s12+.rdstep2 >div {width:24%;} .col.s12+.rdstep2 >div.step06, .col.s12+.rdstep2 >div.step08 {width:14%;} .rdstep2 .right {padding:0 10px 0 28px; background:url(../images/content/rd/bt_stepNext.png) no-repeat left center; margin-bottom:150px;} .rdstep2 .qcmark {padding: 0 40px 0 0px; background: url(../images/content/rd/bt_stepNext.png) no-repeat 90% center; } .rdstep2 .qcmark > div {height:283px !important; background: url(../images/content/rd/rd_step01_6.jpg) no-repeat 50% center;background-size:97%;}. .rdstep2 > div > div > p {margin:0;} .rdstep2 .right .popBtn{left:28px;} .rdstep2 .step01 dl{background: url(../images/content/rd/rd_step01_1.jpg) no-repeat left top;} .rdstep2 .step02 dl{background: url(../images/content/rd/rd_step01_2.jpg) no-repeat left top;} .rdstep2 .step03 dl{background: url(../images/content/rd/rd_step01_3.jpg) no-repeat left top;} .rdstep2 .step04 div {text-indent:-9999px;background: url(../images/content/rd/rd_step01_4.jpg) no-repeat left center;} .rdstep2 .step05 dl{background: url(../images/content/rd/rd_step01_5.jpg) no-repeat left top;} .rdstep2 .step06 div{text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_6.jpg) no-repeat left center;} .rdstep2 .step07 dl{background: url(../images/content/rd/rd_step01_7.jpg) no-repeat left top;} .rdstep2 .step08 div{text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_8.jpg) no-repeat left center;} .rdstep2 .last dl {background: url(../images/content/rd/rd_step01_9.jpg) no-repeat left top;} .aboutH {position:relative;} .tabLeft {position:absolute; left:0;} .tabLeft .tab {left:0; text-align:left;} .tabLeft .tabs {text-align:left; width:174px; height:230px; margin:-50px 0 0; overflow:visible} .tabLeft .tabs li {display:block; width:100%; height:76px; border-bottom:1px solid #dfdfdf} .tabLeft .tabs li a {font-size:18px; color: #000; line-height:1.3; background:#fff !important; height:76px;padding-top:15px; border-bottom:1px solid #dfdfdf} .tabLeft .tabs li :first-child a {background:#fff !important; background-image:none;} .tabLeft .tabst1 .tab1:first-child a.active, .tabLeft .tabst1 .tab1:first-child a:hover, .tabLeft .tabs li a.active , .tabLeft .tabs li a:hover{background:#32508d !important; border-bottom:1px solid #32508d} .historytree .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .historytree dt {font-size:22px; color:#000; font-family:'dm';} .historytree dd {font-size:14px; color:#666} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {line-height:1.3} .imgAlign dl {height:80px; line-height:1.3; padding-top:10px;margin:0;} .imgAlign dt {font-size:16px; color:#000;} .imgAlign dd {font-size:14px; color:#666;} .nobg {background:none !important;} ul.historym {border-top:1px solid #707273;border-bottom:1px solid #707273;} ul.historym > li {min-height:80px; margin:0; padding:0;} ul.historym dl {display:table; width:100%; min-height:140px; vertical-align:middle; margin:0;} ul.historym dl dt {display:table-cell; float:left; margin:0;width:20%; min-height:130px; padding-top:20px; font-size:53px; color:#a7b1c1; border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd {display:table-cell; float:right; width:77%; min-height:130px; padding-top:30px;border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd li span.month {display:inline-block; width:30px; margin-right:20px;text-align:right;} ul.historym .last dt,ul.historym .last dd {border-bottom:0;} /* 통합검색 */ .total {border-top:1px solid #d0d0d0;} .total .inputsrh {width:600px;margin:0 auto;} .total .input { width: 594px; display: inline-block; vertical-align:middle;} .total .input input { vertical-align: top; font-size: 16px; width: 490px; height: 40px; color: #fff; padding-left: 20px; line-height: 40px; background: #8f8f8f;} .total .input label {visibility:visible; text-indent:-99999px; display:none;} .total .input input::placeholder {color:#fff;} .total .input input::-webkit-input-placeholder { color: #fff;} .total .input input:-moz-placeholder { /* Firefox 18- */ color: #fff;} .total .input input::-moz-placeholder { /* Firefox 19+ */ color: #fff;} .total .input input:-ms-input-placeholder { color: #fff;} .total .btn_search { display: inline-block; /* margin-top: 20px; */ margin-left: -70px !important; margin-left: 5px; vertical-align: middle; width: 40px; height: 40px; text-indent: -9999px; background: url(../images/btnInc/btn_search.jpg) no-repeat 0 0;} .lst_type{width:100%;padding:10px;list-style:none} .lst_type li{clear:both;_height:0;margin-bottom:20px;padding-bottom:20px;_font-size:0; border-bottom:1px solid #e9e9e9; } .lst_type2{overflow:hidden;background-color:#fff;font-size:14px} .lst_type2 dt{padding:5px 0;font-size:16px; color:#000; text-decoration:underline;} .lst_type2 dt.tit{margin-left:194px} .lst_type2 dd.photo{display:inline;float:left;width:168px; height:113px;margin:-30px 25px 0 0;border:1px solid #e3e3e3;color:#fff;text-align:center} .lst_type2 dd a {line-height:18px; color:#888888;} .lst_type2 dd img{border:none} .lst_type2 a{text-decoration:none; display:block;} .lst_type3 li {float:left; width:16%; margin:0 0.3%;} .lst_type3 li a img{border:1px solid #e3e3e3;width:100%;} .more {width:100%; } .more a{display:block; height:39px; line-height:39px; text-align:center; font-size:16px; font-family:'dm'; color:#666; background:#e9e9e9 ; } .more a span {padding-right:20px; background:#e9e9e9 url('../images/btnInc/btn_srhlistMore.png') no-repeat right center;} .totalSrh .container {margin-top:60px;} .totalSrh .container h3 {font-size:25px; color:#000;margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #e9e9e9; } .totalSrh .container h3 span.stxt {font-size:18px;} .totalSrh .container h3 span.stxt .totalSrh .container ul {border-top:1px solid #e9e9e9; margin:0; padding:20px 0;} .totalSrh .container dl {margin:0;} .rdcentert .rndimg:after{content:"";display:block;clear:both;} .rdcentert .rndimg img{float:left;width:50%;} } @media (min-width:1100px){ .panel .card .card-image {position: relative;height:176px; overflow:hidden;} .main_rolling { min-height: auto; height: auto;} } @media (min-width:1050px){ .panel .card .card-image {position:relative; height:6em; padding-bottom:60%;} .panel .card .card-image img {background:red; position:absolute; width:100%; left:0; top:0;} .panel .card .card-content {} .main_rolling { min-height: auto; height: auto;} } @media (min-width: 760px){ #topdropdown1,#topdropdown2{left:0 !important;width:100% !important;} .scrollTop .history ul{margin:0;} .scrollTop .history ul.dropdown-content{width:152px !important;} .scrollTop .history ul.dropdown-content {margin-top:48px;} .scrollTop .history li {float:left; border-right:1px solid #e5e5e5; } .scrollTop .history > ul > li > a {display:block;padding:0 76px 0 25px; font-size:16px; color:#666666; background:url('../images/common/bul_scrollTopM1.png') no-repeat 90% center;} .scrollTop .history > ul > li > a.on, .scrollTop .history > ul > li > a:hover, .scrollTop .history > ul > li > a:active, .scrollTop .dep2 > a, .scrollTop .history > ul > li > a.active{color:#f18101;background:url('../images/common/bul_scrollTopM2.png') no-repeat 90% center;} .scrollTop .history > ul.right > li > a{width:50px; height:48px; padding:11px 13px; text-align:center; background: url(../images/common/gnb09.png) no-repeat 50% 50%;} .scrollTop .history > ul.right > li > a.m-alls{background: #ff9800 url(../images/common/gnb10.png) no-repeat 50% 50% !important;} .scrollTop .history li.home {width:160px; height:49px; line-height:49px;text-align:left; padding:0; } .scrollTop .history li.home a, .scrollTop .history li.home a:hover, .scrollTop .history li.home a:active {padding:0; background:none;} .scrollTop .history li.home img { padding:5px 0 0 10px;} .scrollTop .history li ul li{/*min-height:32px;*/min-height:20px; border:none;} .scrollTop .history li li a {display:block; padding:0 0px 0 25px; font-size:14px !important; color:#666666; height:32px; line-height:32px;} .scrollTop .history li li a:hover {color:#f18101 !important; background:#f0f0f0; } .scrollTop .fullmenu {border-top:2px solid #f18101; padding:35px 0; min-height:245px; top:49px !important;} .scrollTop .fullmenu.grey {min-height:75px !important; padding:0;} .scrollTop .input-field {margin-top:20px; margin-left:20% !important;background:#fff; width:60% !important; height:38px; border:1px solid #c6c6c6; color:#666666; font-size:16px; } .scrollTop .input-field label {display:none} .scrollTop .input-field input { float:left;vertical-align:top; font-size: 16px; width:490px; height: 100%; color:#666666; padding-left: 20px; border:none; line-height:38px; background:#fff;} .scrollTop .nav_search { display: block; float: left;margin-top:20px; margin-left:5px; vertical-align:middle; width:40px; height:40px; text-indent:-9999px; background:url('../images/btnInc/btn_search.png') no-repeat center center;} .scrollTop .search_cls {position:absolute; top:0; display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px; background:url('../images/btnInc/search_cls.png') no-repeat right center} .scrollTop .sitemap h5 {width:100px; height:40px; line-height:40px;font-size:16px; border-bottom:1px solid #f8c080;text-align:left;} .scrollTop .sitemap ul {width:90%;margin:10px 0 ;} .scrollTop .sitemap ul li {min-height:20px;} .scrollTop .sitemap ul li a {margin:0; padding:0; height:20px; line-height:20px; font-size:13px;} .scrollTop .sitemap .container {position:relative;padding-left:300px;} .scrollTop .sitemap .links {width:100%} .scrollTop .sitemap .links > div {width:18.5% !important;} .scrollTop .sitemap .allM_cls {position:absolute; top:0; right:30px; display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/allM_cls.png') no-repeat right center} .ceoimg1{overflow:hidden;} } @media (min-width: 760px) and (max-width: 1050px){ .scrollTop .sitemap .container {padding-left:20%;} .panel .card .card-image {position:relative; height:6em; padding-bottom:60%;} .panel .card .card-image img {background:red; position:absolute; width:100%; left:0; top:0;} .main_rolling .slidegallery li p.left { clear: both; text-align: center; padding: 3% 7%; margin: 0 auto; min-height: 413px; height: 413px; overflow: hidden;} } @media (min-width: 1050px) and (max-width: 1200px) { nav {height:70px;} #index-banner {background:url('../images/content/img_Tsub01.jpg') no-repeat center top; background-size:cover; height:540px !important;} #index-banner.ir {background:url('../images/content/img_sub02.jpg') no-repeat center top;} h2.header.toptxt.mobile {display: none !important;} .container {width:100%;} .sitemap{padding-left:20px;} .section[id*="index-banner"] > .container{height:100%;} .sub .container .content {float:right; width:73%; padding:55px 0 0;} .mlogo{display:block;} .mw100 {width:100%;} nav .fullmenu {position:absolute;left:0% !important; width:100% !important;} #cellMain .fullmenu{top:162px;} #cellSub .fullmenu{top:82px;} #cellMain #topdropdown1.fullmenu,#cellMain #topdropdown2.fullmenu{top:49px !important;} nav .fullmenu .container {margin:0 auto; max-width:1200px;} footer .sitemap .container.clearfix.mobile, .allmenu {display:none !important} .hide-on-med-and-down .allmenu{display: none !important;} .hide-on-med-and-down .allmenu {text-indent:-99999px;} .gallery {padding:0 20px;} /* ir */ .topdown {width:100%; background:#f2f2f2; margin-bottom:70px; padding:68px 0;} .topdown .container {max-width:1200px;} .topdown .container .left {width:48.5%;text-align:right; } .topdown .container .right {width:48.5%; text-align:left;} .topdown .container .right dt {font-size:22px; color:#000;} .topdown .container .right dt span {display:block; color:#075a8d;font-size:18px; margin-bottom:24px;} .topdown .container .right dd {margin:0; padding:0;} .topdown .container .right dd a.btn_down { margin:25px 0; display:block; height:50px; border:1px solid #b5b5b5; width:240px; font-size:16px; text-align:center; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .topdown .container .right dd.arTxt {font-size:14px; color:#666666; line-height:22px;} table a.btn_down {display:block; height:34px; border:1px solid #b5b5b5; color: #000; width:173px; font-size:14px; text-align:left;padding:0 0 0 30px; line-height:34px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .irstock > dl .ircurrent {float:left;width:45%; margin:43px 0; text-align:center; font-size:50px; line-height:50px; color:#f87a13;} .ir li:first-child {border-left:none;} /* paging */ .pagination {padding:55px 0;} .pagination .prev {text-indent:-99999px; width:32px; height:32px;background:url('../images/common/chevron_left.png') no-repeat center center;} .pagination .next {text-indent:-99999px; width:32px; height:32px; background:url('../images/common/chevron_right.png') no-repeat center center;} /* 막대그래프 */ .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px;} .v_graph ul:after{display:block;clear:both;content:"";} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4;} .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:0px;left:0;width:100%;color:#8ba1b9; font-size:30px; } .v_graph .last span.txt {color:#f18101} .v_graph span.txt em {font-size:20px; font-style:normal;} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} .main_rolling {margin-bottom:65px; } .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:50%; margin:0; padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left { text-align:center;} .main_rolling .slidegallery li p.left img { /* height:100% !important; */width:auto !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block;} .main_rolling .slidegallery li dl.right {padding:4.8% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm';} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:100px;} /* 갤러리 */ .blueSmenu, .orangeSmenu, .graySmenu{display:block; width:100%; text-align:center; height:190px;} .blueSmenu .white-text, .orangeSmenu .white-text, .graySmenu .whide-text {display:block; font-size:16px; padding-top:119px;} .blueSmenu .gray-text, .orangeSmenu .gray-text, .graySmenu .gray-text {font-size:14px; color:rgba(255,255,255,0.5) !important;} .iconNews {background:url('../images/common/icon_news.png') no-repeat center 54px;} .icongallery {background:url('../images/common/icon_gallery.png') no-repeat center 52px;} .rdcentert .rndimg:after{content:"";display:block;clear:both;} .rdcentert .rndimg img{float:left;width:50%;} } @media only screen and (max-width: 1050px) { nav #nav-mobile.fullmenu {padding:0;} #nav-mobile {margin-top:0;background-color:#f57f2d; width:200px;} #nav-mobile a {color: #fff;display:block;} #nav-mobile a:hover{color:#fff !important;} #nav-mobile .dropdown-content li{min-height:30px !important;} #nav-mobile .dropdown-content li a { line-height:30px !important;} #nav-mobile.dropdown-btn {background:#2f2f2f;font-size:14px !important; line-height:30px; height:30px;border-bottom:1px solid #f8a66c; background:url('../images/common/side-nav-on.png') no-repeat 90% center ;background-size:15px auto;} #nav-mobile > li { line-height:30px !important;min-height:30px;border-bottom:1px solid #f8a66c;} #nav-mobile > li a {font-size:12px; padding-left:10px;} #nav-mobile .dropdown-btn {font-size:16px !important; line-height:38px; height:38px; padding-left:10px; background-color:#f57f2d; background:url('../images/common/nav_on.png') no-repeat right 10px center; background-size:12px auto} #nav-mobile .dropdown-btn.on {color:#fff !important; background-color:#f57f2d; background:url('../images/common/nav_off.png') no-repeat right 20px center; background-size:12px auto;} #nav-mobile .dropdown-btn:hover, #nav-mobile .dropdown-btn.on {background-color:#f57f2d; } #nav-mobile .dropdown-content2 {display:none; padding:5px 0; background-color:#f8a66c;} #nav-mobile .dropdown-content2 a {display:block; font-size:16px;line-height:30px; height:30px;padding-left:20px;} #nav-mobile .dropdown-content2 a:hover, #nav-mobile .dropdown-content2 a.active, #nav-mobile .dropdown-content2 a:active {color:#fff !important;} #nav-mobile .dropdown-content2 li { background-color:#f8a66c;min-height:30px;} #nav-mobile > li.last {background-color:#414141; min-height:30px;} #nav-mobile > li.last a {display:inline-block; width:33.333%; height:100%; font-size:13px; line-height:30px; text-align:center;} #nav-mobile > li.last a:nth-child(2) {border-left:1px solid #7a7a7a; border-right:1px solid #7a7a7a;} } @media (min-width: 1050px) and (max-width: 1100px) { .main_rolling {margin-bottom:65px; } .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:100%; margin:0; padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left { text-align:center;padding:2.8% 7%;} .main_rolling .slidegallery li p.left img { /* height:100% !important; */ width:auto !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block;} .main_rolling .slidegallery li dl.right {padding:2.8% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm';} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:100px;} .bx-wrapper .bx-prev { left: 10px; background:url('../images/btnInc/bx-prev.png') no-repeat center center;width:38px; height:38px;margin-left:0px;} .bx-wrapper .bx-next {right: 10px; width:38px; height:38px; background:url('../images/btnInc/bx-next.png') no-repeat center center;} } /* 태블릿 */ @media (max-width: 1050px) and (min-width: 801px) { /* 메인 */ .adTopWrap {background:url('../images/common/topBrnEng.jpg') no-repeat center top; height:85px;/* background-size:cover; */background-color:#333749;font-family:o_dm;} .adTop {position:relative;text-align:right; padding-right:50px;} .adTop p {display:inline-block; line-height:85px; height:85px; padding-right:80px;} .btnBnrCls {position:absolute; top:30px; right:0;display:inline-block;width:28px; height:28px; background:url('../images/btnInc/btn_clstop.png') no-repeat center center; font-size:0; text-indent:-99999px;} .btnAdGo {display:inline-block;font-size:13px; color:#fff; background:#3a71a2; border-radius:14px;line-height:28px; height:28px; padding:0 12px;} /* 메인 */ .square-box{ position: relative; width: 50%; overflow: hidden; } .square-box:before{ content: ""; display: block; padding-top: 100%;} .square-content{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .square-content > div { display: table; width: 100%; height: 100%;} /* .square-content span { display: table-cell; text-align: center; vertical-align: middle; }*/ #cellMain p, #cellMain ul,0 #cellMain dl {margin:0;} .bgMgray {background:url('../images/main/bg_gray.gif') repeat-x center top;/*margin-bottom:-6px;*/} .slidemain {margin:0} .slidemain li {position:relative;} .slidemain li p{margin:0;} .slidemain li p.img a {display:block;} .slidemain li dl.text {position:absolute;top:50%; right:0; width:33.33%;min-height:400px; max-height:400px; padding:48px 27px; color:#fff; margin:0;background:rgba(23,68,115,0.8)} .slidemain li dl.text dt span{font-size:18px; color:#fff;} .slidemain li dl.text dt a{font-size:27px; color:#fff; line-height:1.2; } .slidemain li dl.text dd {margin-top:25px;} .slidemain li dl.text dd a {font-size:15px; color:#fff;} .main_rolling2 {position:relative;width:100%; height:auto; margin-top:-27px;margin-bottom: -6px;} .main_rolling2 img {width:100%; height:auto;} .gird-item {float:left;display:table; width:33.33%;} .ceoPic {display:none;} /* header 메뉴 */ nav .input-field {margin-top:20px; margin-left:20% !important;background:#fff; height:38px; width: 60% !important;border:1px solid #c6c6c6; color:#666666; font-size:16px; } nav .input-field label {display:none} nav .input-field input { vertical-align:top; font-size: 16px; width:50%; height: 100%; color:#666666; padding-left: 20px;; line-height:38px; background:#fff;} nav .nav_search {display:inline-block; margin-top:20px; margin-left:5px; vertical-align:middle; width:40px; height:40px; text-indent:-9999px; background:url('../images/btnInc/btn_search.png') no-repeat 0 0;} nav .search_cls {position:absolute; top:0; right:30px;display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/search_cls.png') no-repeat right center;} nav .fullmenu {border-top:2px solid #f18101; padding:35px 0; min-height:245px;overflow: hidden;} nav .fullmenu.grey {min-height:75px !important; padding:0;} nav .fullmenu .container{position:relative;} nav .fullmenu .textArea {float:left; width:394px; border-right:1px solid #eaeaea;} nav .fullmenu .textArea h2{color:#000; margin:0; padding:0;} nav .fullmenu .textArea h2 span{font-size:17px; display:block; line-height:17px; margin-bottom:10px;} nav .fullmenu .textArea h2 span.en {font-size:35px;} nav .fullmenu .textArea p.stxt {font-size:17px; line-height:20px; color:#666;} nav .fullmenu .textArea p.xstxt {color:#888; font-size:14px;line-height:20px; margin-top:17px;} nav .fullmenu ul.submenu {float:left; margin-left:25px;} nav .fullmenu ul.submenu li {min-height:20px;} nav .fullmenu ul.submenu li a {font-size:16px;min-height:38px; height:38px; color:#000; line-height:17px;} nav .fullmenu ul.submenu li a:hover {background:none !important;} nav .fullmenu .btnDown {position:absolute; top:0px; right:0; width:238px; line-height:1;} nav .fullmenu .btnDown a {display:inline-block; width:100%; line-height:48px;height:48px;border:1px solid #b5b5b5; color:#000;} nav .fullmenu .btnDown a.btncompany {padding-left:30px;background:#fff url('../images/common/icon_down.png') no-repeat 92% center;} nav .fullmenu .btnDown a.mallgo {background:#fff url('../images/common/btn_mallgo.gif') no-repeat 92% center;} nav .fullmenu .btnDown a.ci {padding-left:70px;background:#fff url('../images/common/icon_down.png') no-repeat 72% center;} nav .fullmenu .btnDown a.detail {display:inline-block; width:100%; font-size:14px;border:none; color:#ff9800 !important; padding:0;} nav .fullmenu .rightArea {width:370px;} nav .fullmenu .rightArea .left {margin-right:10px;} nav .fullmenu .rightArea .left p {margin:0; color:#000; font-size:20px;} nav .fullmenu .rightArea .left p.txt {font-size:14px; color:#666; margin-top:10px;} nav a.button-collapse a.mallgo {margin-top:-20px; line-height:0;} nav .dropdown-button.orange:hover, nav .dropdown-button.orange.active{background:#ff9800 !important} nav .dropdown-button.orange.m-all:hover, nav .dropdown-button.orange.m-all.active{background:#ff9800 url('../images/common/gnb10.png') no-repeat 50% 50% !important;} nav .sitemap h5 {width:100px; height:40px; line-height:40px;font-size:16px; border-bottom:1px solid #f8c080;} nav .sitemap ul {width:160px;margin:10px 0 ;} nav .sitemap ul li {min-height:20px;} nav .sitemap ul li a {margin:0; padding:0; height:20px; line-height:20px; font-size:13px;} nav .sitemap .container {position:relative;padding-left:250px;} nav .sitemap .links > div {width:20.5% !important;} nav .sitemap .allM_cls {position:absolute; top:0; right:30px; display:inline-block; margin-top:0px; margin-left:00px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/allM_cls.png') no-repeat right center;} nav .irstock.btnDown {width:370px;} nav .irstock .tit {color:#000;} nav .irstock > dl dt { width: 40%; float: right; padding: 2px 0 2px 0px; text-align: left; margin-top:2px; font-size: 22px; color: #000;} nav .irstock > dl .ircurrent { float: left;width: 55%;margin: 0px 0%; text-align: center; font-size: 55px; line-height: 55px; color: #f87a13; border-right:1px solid #eaeaea;} nav .newsList {position:relative;} nav .fullmenu .btnDown.newsList {width:340px;} nav .fullmenu .btnDown.newsList dl {margin:0; width:340px;} nav .fullmenu .btnDown.newsList dt {font-size:20px; color:#000; margin-bottom:25px;} nav .fullmenu .btnDown.newsList dd a{font-size:14px; color:#666; line-height:1.5; padding:0;} nav .fullmenu .btnDown.newsList a {display:inline-block; width:100%; line-height:48px;height:48px;border:none; color:#000;} nav .fullmenu .btnDown.newsList a.newMore {display:inline-block; position:absolute; top:0; right:0; text-indent:-999999px; width:18px; height:18px; background:url('../images/common/btn_more.gif') no-repeat 0 0} nav .irstock > dl { width: 100%; height: 150px; margin: 0; border-bottom: 1px solid #fff; } .gird-tit {display:block;font-size:22px; color:#123e67; text-align:center; font-family:'dm';padding-top:170px;margin-bottom: 10px;} .gird-txt {display:block;font-size:14px; color:#344a76; text-align:center;} .grid-list {padding-top:0;} .grid-list > div {padding:46px 33px; color:#fff;} .grid-list div dt {font-size:22px; font-family:'dm'; margin-bottom:30px;} .grid-list div.m_press dt {margin-bottom:10px !important;} .grid-list div dd a{color:#fff; font-size:14px; line-height:1.5;} .m_investor dd a{color:#fff; font-size:14px; line-height:2;} .grid-list .btnMoreW {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreW.png') no-repeat 0 0; } .grid-list .btnMoreB {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreB.png') no-repeat 0 0; } .m_gallery dt, .m_press dt{color:#075a8d; font-size:30px;} .m_press dd.press-tit {margin-bottom:10px;} .m_press dd.press-tit a{color:#000; font-size:16px;} .m_press dd.press-txt a, .m_gallery dd a{color:#666 !important; font-size:14px;} .grid-list .m_gallery dd a, .grid-list .m_investor dd a{line-height:2 !important;} .bgWhite {background:#fff} .bgblue {background:#174473;} .bgorange {background:#f18101;} .bgGray {background:#f2f2f2} .bgmovie {color:#fff;text-align:center; background:url('../images/main/bgmovie.jpg') no-repeat center center; background-size:cover;} .bgmovie p {width:100%; height:100%;} .bgmovie a {display:block; width:100%; padding-top:70px;height:100%;color:#fff; font-size:20px; text-align:center;} .icon1 {width:100%; height:100%;background:url('../images/main/iconRd.png') no-repeat center 66px;} .icon2 {width:100%; height:100%;background:url('../images/main/icon2.png') no-repeat center 70px;} .icon3 {width:100%; height:100%;background:url('../images/main/icon3.png') no-repeat center 70px;} .icon8 {width:100%; height:100%;background:url('../images/main/icon8.png') no-repeat center 70px;} .gird-item {overflow:hidden;} .gird-item img, .gird-item p {width:106%; height:106%;} .gird-item p a {display:block;width:100%; height:100%;} .bgblue .gird-tit {padding-top:92px; font-size:16px; line-height:1; margin-bottom:0;} .bgblue .gird-txt { text-align:center; font-size:55px; color:#fff; line-height: 1;} .bgblue .gird-txt span { border-bottom:1px solid #fff;padding-bottom:10px;} .bgblue .gird-txt2 {display:block; font-size:14px; color:#a7b2c1; text-align:center;margin:20px 0;} .bgblue .gird-txt2 .up {width:12px; height:10px; margin-right:2px;background:url('../images/main/iconUp.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 .down {width:12px; height:10px;margin-right:2px;background:url('../images/main/iconDown.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 em {font-style:normal; vertical-align:middle;} .main_rolling2 .bx-pager {margin-left:28px;} .main_rolling2 .bx-pager-item {float:left; line-height:10px;} .main_rolling2 .bx-pager .bx-pager-link {width:6px; height:6px; background:#d0d0d0; border-radius:100%; text-indent:-99999px;font-size: 0;display: block; margin:2px 3px;} .main_rolling2 .bx-pager .bx-pager-link.active {width:10px; height:10px;margin:0 3px;} .main_rolling2 .bx-start {float:left;width:12px; height:10px; background:url('../images/main/btn_play.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-stop {float:left;width:12px; height:10px;background:url('../images/main/btn_stop.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-controls {width:33.3%; position:absolute;bottom:34px; right:0; z-index:100;} .main_rolling2 .bx-controls-auto {float: right;text-align:right; height:10px; width:35px; margin-right:28px;} .main_rolling2 .bx-controls-auto-item {float: left;margin:0 3px; width:10px;} /*nav .button-collapse2,*/ nav .button-collapse, .side-nav, .pressTbl, .hide-on-med-and-down .allmenu, .pressTbl.ir-data{display:table !important;margin-top:25px;} .hide-on-med-and-down .allmenu {text-indent:-99999px;} .pressTbl.thBlack {display:table !important;} nav {height:64px;} nav .brand-logo img {width:130px;} nav ul a {height: 64px;line-height: 64px; font-size:14px;} nav a.icon { display: inline-block;margin:0; padding:23px 20px;} /* nav img {width:18px; height:auto;} */ nav .nav-wrapper.container {width:100% !important;} /* 서브 비주얼 */ #index-banner {background:url('../images/content/img_sub01.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner.ir {background:url('../images/content/img_sub02.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner3 {background:url('../images/content/img_sub03.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner4 {background:url('../images/content/img_sub04.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner5 {background:url('../images/content/img_sub05.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner6 {background:url('../images/content/img_sub06.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0101{background:url('../images/content/img_sub01_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0102{background:url('../images/content/img_sub01_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0103{background:url('../images/content/img_sub01_3.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0104{background:url('../images/content/img_sub01_4.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0105{background:url('../images/content/img_sub01_5.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0201 {background:url('../images/content/img_sub02_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0202 {background:url('../images/content/img_sub02_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0203 {background:url('../images/content/img_sub02_3.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0204 {background:url('../images/content/img_sub02_4.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0301 {background:url('../images/content/img_sub03_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0302 {background:url('../images/content/img_sub03_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0400{background:url('../images/content/img_sub04_0.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0401{background:url('../images/content/img_sub04_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0402{background:url('../images/content/img_sub04_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0403{background:url('../images/content/img_sub04_3.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0404{background:url('../images/content/img_sub04_4.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0405{background:url('../images/content/img_sub04_5.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0501 {background:url('../images/content/img_sub05_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0502 {background:url('../images/content/img_sub05_2.jpg') no-repeat center top; height:445px !important;;background-size:cover; } #index-banner0503 {background:url('../images/content/img_sub05_3.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0504 {background:url('../images/content/img_sub05_4.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0601 {background:url('../images/content/img_sub06_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0602 {background:url('../images/content/img_sub06_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0701 {background:url('../images/content/img_sub07_1.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner0702 {background:url('../images/content/img_sub07_2.jpg') no-repeat center top; height:445px !important;background-size:cover; } #index-banner08 {background:url('../images/content/img_sub08.jpg') no-repeat center top;height:445px !important;background-size:cover; } #index-banner .container {/* position:relative; */} #index-banner .container:after {content:''; clear:both; display:block;} /* icon */ .iconNews {background:url('../images/common/icon_news.png') no-repeat center 50px; background-size:22% auto;} .icongallery {background:url('../images/common/icon_gallery.png') no-repeat center 49px; background-size:22% auto;} .iconInfo {background:url('../images/common/icon_info.png') no-repeat center 46px; background-size:22% auto;} .iconPosition {background:url('../images/common/icon_position.png') no-repeat center 45px; background-size:22% auto;} .iconir01 {background:url('../images/common/icon_ir01.png') no-repeat center 50px; background-size:22% auto;} .iconir02 {background:url('../images/common/icon_ir02.png') no-repeat center 50px; background-size:22% auto;} .iconir03 {background:url('../images/common/icon_ir03.png') no-repeat center 50px; background-size:22% auto;} .iconir04 {background:url('../images/common/icon_ir04.png') no-repeat center 50px; background-size:22% auto;} .iconbrand01 {background:url('../images/common/icon_brand1.png') no-repeat center 64px; background-size:22% auto;} .iconbrand02 {background:url('../images/common/icon_brand2.png') no-repeat center 49px; background-size:22% auto;} .iconbrand03 {background:url('../images/common/icon_brand3.png') no-repeat center 46px; background-size:22% auto;} .iconbrand04 {background:url('../images/common/icon_brand4.png') no-repeat center 40px; background-size:22% auto;} .iconab1 {background:url('../images/common/icon_ab1.png') no-repeat center 50px; background-size:22% auto;} .iconab2 {background:url('../images/common/icon_ab2.png') no-repeat center 50px; background-size:22% auto;} .iconab3 {background:url('../images/common/icon_ab3.png') no-repeat center 50px; background-size:22% auto;} .iconab4 {background:url('../images/common/icon_ab4.png') no-repeat center 50px; background-size:22% auto;} .iconab5 {background:url('../images/common/icon_ab5.png') no-repeat center 50px; background-size:22% auto;} .iconmarketing01 {background:url('../images/common/icon_marketing1.png') no-repeat center 50px; background-size:22% auto;} .iconmarketing02 {background:url('../images/common/icon_marketing2.png') no-repeat center 50px; background-size:22% auto;} .iconcareer01 {background:url('../images/common/icon_career1.png') no-repeat center 50px; background-size:22% auto;} .iconcareer02 {background:url('../images/common/icon_career2.png') no-repeat center 50px; background-size:22% auto;} .iconetc01 {margin-left: 14.5% !important;background:url('../images/common/icon_etc1.png') no-repeat center 50px; background-size:22% auto;} .iconetc02 {background:url('../images/common/icon_etc2.png') no-repeat center 50px; background-size:22% auto;} .iconetc03 {background:url('../images/common/icon_etc3.png') no-repeat center 50px; background-size:22% auto;} .iconrd00 {background:url('../images/common/icon_rd0.png') no-repeat center 50px; background-size:22% auto;} .iconrd01 {background:url('../images/common/icon_rd1.png') no-repeat center 50px; background-size:22% auto;} .iconrd02 {background:url('../images/common/icon_rd2.png') no-repeat center 50px; background-size:22% auto;} .iconrd03 {background:url('../images/common/icon_rd3.png') no-repeat center 50px; background-size:22% auto;} .iconrd04 {background:url('../images/common/icon_rd4.png') no-repeat center 50px; background-size:22% auto;} .iconrd05 {background:url('../images/common/icon_rd5.png') no-repeat center 50px; background-size:22% auto;} nav .fullmenu {position:absolute; left:0% !important; padding:20px 10px;width:100% !important;} nav .fullmenu .container {margin:0 auto; max-width:1050px;} nav .nav-wrapper.container {width:100%;} div.path {width:100%;height:50px !important; line-height:50px;} div.path:after {content:''; display:block;} div.path .nav-wrapper {display:block; width:100%; height: 100%;} /* 검색영역 */ .serchArea {height:40px; margin-bottom:35px; line-height:40px;} .serchArea select, .serchArea span{display:inline-block; width:145px; height:38px;vertical-align:top;border:1px solid #a4a4a4;} .serchArea input{border: none; height: 35px; padding-left: 5px; width: 100px; margin: -9px 0 0; background: none;} .serchArea span a {text-indent:-9999px;} .serchArea a.btnSlt {display:inline-block; height:40px; background:#f18101; color:#fff; font-size:14px;line-height:38px; width:73px; text-align:center; vertical-align:top;} /* 타이틀 */ .visual_tit {margin-top: 60px;margin-bottom:20px;float: left; margin-left: 70px; color:#fff;} .visual_tit p, .visual_tit h2 {margin:0;} .visual_tit h2 { font-family:'dm'; font-size:33px;padding-bottom:40px; margin-bottom:28px; background:url('../images/common/bg_tit.png') no-repeat left bottom;} .visual_tit span {display:block; font-size:15px; font-family:'dm'; line-height:20px; margin-bottom:17px;} .visual_tit p {font-size:14px} .blueSmenu, .orangeSmenu, .graySmenu {display:inline-block; width:50%; text-align:center; height:150px;} .blueSmenu .white-text, .orangeSmenu .white-text, .graySmenu .white-text {display:block; font-size:14px; padding-top:95px;} .blueSmenu .gray-text, .orangeSmenu .gray-text, .graySmenu .gray-text {font-size:12px; color:rgba(255,255,255,0.5) !important;} .iconNews {background:url('../images/common/icon_newsT.png') no-repeat center 50px;} .icongallery {background:url('../images/common/icon_galleryT.png') no-repeat center 52px;} .mt00 {margin-top:15px !important;} .contentTit {margin-bottom:40px;} .contentTit.twodep{margin-top:120px;} .contentTit h2{margin:0; font-size:35px; color:#164e88; padding-bottom:25px; margin-bottom:25px; font-family:'dm'; background:url('../images/common/bg_contentTit.gif') no-repeat center bottom;} .contentTit h2 span {margin:0; font-size:25px; color:#000; margin-bottom:0px; font-family:'dm';} .contentTit p{margin:0;font-size:16px; color:#000;word-break:keep-all;} .toptxt{ width:100%;} .toptxt img{height:122px; width:auto; } .mw100{width:304px;} .mw100 img {width:150px; height:150px; margin:0 1px;} .toplink.right {float:none !important; margin:00px auto 0;} .mobile.toplink{display: none !important;} .toplink.hr1 {min-width:60% !important; max-width:600px;text-align:center;margin:30px auto 0;} .toplink.hr1 img {width:150px; height:150px; margin:0 1px;} .toplink.hr1 a {width:25%; } .toplink.hr3 {min-width:80% !important; max-width:750px;text-align:center;margin:0px auto 0;} .toplink.hr3 img {width:150px;height:150px; margin:0 1px } .toplink.hr3 a {width:20%; } .tabs {min-width:50%; max-width:100%;} .tabs .tab a {font-size:18px; } .tabs .tab.tab1{ } h2.header.center {margin:13px auto 50px;} h2.header.center img{height:100px; width:auto;} h2.header.toptxt.mobile {display: none !important;} .listTbl {border-top:1px solid #e9e9e9;} .listTbl li {border-bottom:1px solid #e9e9e9; padding:20px 20px 5px;} .listTbl li dl { padding:0;} .listTbl li dt a{color:#000000; font-size:16px; line-height:22px; margin-bottom:5px;max-height:24px; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } :root.listTbl li dt a{max-height:24px\9; } .listTbl li dt span.num {display:inline-block; color:#666666; font-size:14px; width:40px;} .listTbl li dd {margin:0;color:#767676; font-size:13px; line-height:18px; margin-bottom:15px; padding:0; max-height:39px;display:block; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} :root.listTbl li dd{max-height:40px\9; } .listTbl li dd span {display:inline-block;color:#888; width:130px;} .scrollTop {display:none;width:100%; height:49px; line-height:49px; border-bottom:1px solid #e5e5e5;z-index:1000;} .scrollTop .history ul{margin:0;} .scrollTop .history ul.dropdown-content {margin-top:48px; min-width:165px; max-height:250px;} .scrollTop .history li {float:left; border-right:1px solid #e5e5e5; } .scrollTop .history > ul:first-child > li > a {display:block;padding:0 76px 0 25px; font-size:16px; color:#666666; background:url('../images/common/bul_scrollTopM1.png') no-repeat 90% center;} .scrollTop .history > ul:first-child > li:first-child > a {padding-left:10px;background:none;} .scrollTop .history > ul:first-child > li:first-child > a.on, .scrollTop .history > ul:first-child > li:first-child > a:hover, .scrollTop .history > ul:first-child > li:first-child > a:active{background:none;} .scrollTop .history > ul:first-child + ul > li > a{display:block;width: 50px;height: 48px;padding: 11px 13px;text-align: center; background: url(../images/common/gnb09.png) no-repeat 50% 50%;} .scrollTop .history > ul:first-child > li > a.on, .scrollTop .history > ul:first-child > li > a:hover, .scrollTop .history > ul:first-child > li > a:active, .scrollTop .dep2 > a, .scrollTop .history > ul:first-child > li > a.active{color:#f18101;background:url('../images/common/bul_scrollTopM2.png') no-repeat 90% center;} .scrollTop .history li.home {width:160px; height:49px; line-height:49px;text-align:left; padding:0; } .scrollTop .history li.home a, .scrollTop .history li.home a:hover, .scrollTop .history li.home a:active {padding:0; background:none;} .scrollTop .history li.home img { padding:5px 0 0 0;} .scrollTop .history li ul li{min-height:20px; border:none;} #dropdown10 li,#dropdown11 li{min-height:32px;} #dropdown10 li a,#dropdown11 li a{padding-left:25px;} .scrollTop .history li li a {display:block; padding:0; font-size:14px !important; color:#666666; height:20px; line-height:20px;} .scrollTop .history li li a:hover {color:#f18101 !important; background:#f0f0f0; } .ir li:first-child {border-left:none;} .irstock > dl .ircurrent {font-size:30px;} /* paging */ .pagination {padding:55px 0;} .pagination .prev {text-indent:-99999px; width:32px; height:32px;background:url('../images/common/chevron_left.png') no-repeat center center;} .pagination .next {text-indent:-99999px; width:32px; height:32px; background:url('../images/common/chevron_right.png') no-repeat center center;} /* footer */ footer .footer_links, footer .sitemap {/* padding:0 20px; */} footer .footer_links .container{position:relative;text-align:center;} footer .footer_links .util-menu {display:inline-block;padding-left:0%; margin:4px 0 0;} footer .footer_links .util-menu li {display:inline-block;} footer .footer_links .util-menu li a {display:block; font-size:14px; } footer .footer_links .util-menu li a:before {content:'|'; display:inline-block;padding:15px ; color:#5d6e91;} footer .footer_links .util-menu li:first-child a:before, footer .footer_links .util-menu li.right a:before {content:''; padding:15px 0;} footer .footer_links .container:after {content:''; clear:both; display:block;} footer .footer_links .family {position:absolute;right:20px;top:0;font-size:13px; padding-right:15px;line-height:57px;background:url('../images/common/btn_bgup.png') no-repeat right center;} footer .sitemap .links {float:none; width:100%; } footer .sitemap h5 {font-size:16px; margin:45px 0 0;} footer .sitemap ul {border-left:1px solid #8e9bb3 ; padding-left:7px;} footer .sitemap ul li a {font-size:13px; letter-spacing:-1px; vertical-align:middle;} footer .drop-content2 {margin-top:58px; height:120px; overflow-y:auto; width:200px !important;} footer #dropdown_f li {line-height:15px;min-height:35px !important;} footer .drop-content2 li a {font-size:13px; color:#000; padding:5px 16px !important;} footer .etc_link ul {border:none; padding-left:0; margin:45px 0 0;} footer .etc_link ul li {line-height:16px;} footer .etc_link ul li a {display:block;font-size:16px; margin-bottom:12px;} footer .sitemap .container.clearfix.mobile{display:none !important} .dropdown-button.dropBtn1.allmenu {display:block !important} /* 갤러리 */ h2.header.center {display:block !important;} h2.header.center.mobile {display:none !important;} .photoItem {} .btn_view {background-color:rgba(241,129,1,0.7);} .gallery {padding:0 20px;} .galleryviewer {position:relative; width:100%; border:1px solid #d6d6d6;margin-bottom:80px;} .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;font-size:0;} .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:8%; height:76px; text-indent:-99999px; line-height:76px;background:url('../images/content/pr/btn_galleryList.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .galleryTit { display:inline-block; width:70%; color:#000; vertical-align:middle; padding:0 15px; font-size:18px; line-height:22px; margin:15px 0 ;} .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .galleryviewer .galleryhead .galleryTit span.date {display:block; color:#888; font-size:14px; margin-top:-30px;} .galleryviewer .galleryhead .galleryTit .ellip {width:80%;} .galleryviewer .galleryhead .sns { display:inline-block; border-left:1px solid #d6d6d6;width:22%; margin:0;background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle;} .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:76px;} .galleryviewer .galleryContent {padding:40px 40px 60px;} .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .galleryviewer .galleryContent p img{width:100%;} .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-29px; margin-left:-87px; width:174px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .galleryviewer .galleryBtn a {display:inline-block;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} .main_rolling {margin-bottom:65px; } .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:100%; margin:0; padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left {clear:both; text-align:center;padding:3% 7%; margin:0 auto; min-height:413px;height:413px; overflow:hidden;} .main_rolling .slidegallery li p.left img { height:auto !important; width:100% !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block;} .main_rolling .slidegallery li dl.right {padding:3% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm';} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:30px;} .bx-wrapper .bx-prev { left: 10px; background:url('../images/btnInc/bx-prev.png') no-repeat center center;width:38px; height:38px;margin-left:0px;} .bx-wrapper .bx-next {right: 10px; width:38px; height:38px; background:url('../images/btnInc/bx-next.png') no-repeat center center;} /* ir */ .bglineH {padding-top:108px; font-size:35px; color:#174473; font-family:'dm'; background: url('../images/content/ir/bg_upline.png') no-repeat center top !important;} .nolineH {padding-top:20px; font-size:35px; color:#174473; font-family:'dm'; background:none !important} .topdown {width:100%; background:#f2f2f2; margin-bottom:40px; padding:30px 0;} .topdown:after {content:'';display:block; clear:both;} .topdown .container {max-width:1050px;} .topdown .container .left {width:48.5%;text-align:right; } .topdown .container .right {width:48.5%; text-align:left;} .topdown .container .right dt {font-size:22px; color:#000; margin-bottom:24px;} .topdown .container .right dt span {display:block; color:#075a8d;font-size:18px; margin-bottom:24px;} .topdown .container .right dd {margin:0; padding:0;} .topdown .container .right dd a.btn_down { margin:25px 0; display:block; height:50px; border:1px solid #b5b5b5; width:240px; font-size:16px; text-align:left; padding-left:40px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .topdown .container .right dd.arTxt {font-size:14px; color:#666666; line-height:22px;} table a.btn_down {display:block; height:34px; border:1px solid #b5b5b5; width:173px; font-size:14px; text-align:left;padding:0 0 0 30px; line-height:34px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .listTbl a.btn_down {margin:10px 0; display:block; height:34px; border:1px solid #b5b5b5; width:170px; font-size:14px; text-align:left; line-height:32px;padding-left:25px;background:url('../images/common/icon_down.png') no-repeat 87% center;} .left.irstock , .right.graph, .bgupline .left, .bgupline .right {float:none !important; width:100% !important;} .graph img {width:100% !important; height:auto;} .graph .bggrey.fix { height: 200px; margin-top: 0;} .graph .bggrey div.left {margin-top:30px;} .bgupline .left, .bgupline .right {border-top:1px solid #000;} .photoItem {width:100% !important; margin:0 auto; text-align:center !important;} .photoItem img {width:100% !important; height:auto;} .ir li:first-child {border-left:none;} .sltArea {width:103%;} .sltArea select {float:left;} /* 막대그래프 */ .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4; } .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:-40px;left:0;width:100%;color:#8ba1b9; font-size:30px; } .v_graph span.txt em {font-size:20px; font-style:normal;} .v_graph .last span.txt {color:#f18101} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} /* 브랜드소개 */ .con_duolac {padding-bottom:40px;} .con_duolac2 {padding-top:50px;background:url('../images/content/brand/bg_duolac01.jpg') no-repeat center top; height:440px; background-size:auto 440px; } .con_duolac2 .contentTit, .con_duolac3 .contentTit{margin-bottom:35px;} .con_duolac .left , .con_duolac .right{float:left; width:45%;} .con_duolac dl dd {margin:0; padding-bottom:0px; font-size:14px; color:#888888; line-height:21px;} .con_duolac dl.duolac01 dd img, .con_duolac dl.duolac02 dd img{width:100%; height:auto;} .con_duolac dl {margin:0; padding:0;} .con_duolac dl dt {font-family:'dm'; font-size:20px; min-height:25px; color:#000; line-height:25px; } .con_duolac3 .row{background:none; } .con_duolac3 .duolac03 {width:60%; height:auto; margin:35px auto 0; padding:0;} .duolac03 dt {font-family:'dm'; font-size:20px; min-height:20px; color:#000; line-height:25px;} .duolac03 dd {margin:0; padding-bottom:0px; font-size:14px; color:#666; line-height:20px; margin-top:10px;} .duolac03.left-align {margin-left:35%;} .duolac03.right-align {margin-left:30px; width:40%;} .acl {float:left; margin:0 0 0 30px;} .acr{float:right; margin:0 30px 0 0;} .con_duolac3 p.img {height:276px;} .con_duolac3 .offset-l6 {} .con_duolac3 dt {font-size:20px; color:#000; line-height:26px; } .con_duolac3 dd {font-size:14px; color:#666666;} .con_duolac4 {padding-bottom:110px;} .con_duolac4 .contentTit {padding-top:80px;} .con_duolac4 p.img {margin:0;} .con_duolac4 p.img img {width:100%; height:auto;} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {margin:0;} .imgAlign li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:0;} .imgAlign li img {width:100%; height:auto;} .popBtn {padding-top:37px; background:url('../images/content/marketing/popBtn.gif') no-repeat center top;} .popBtn a {display:inline-block; font-size:14px; padding: 0; line-height:74px; letter-spacing:0 !important; color:#fff;width:61px; height:61px;background:url('../images/btnInc/btnMore.gif') no-repeat center top;} .onlyone {padding-bottom:80px;} .onlyone .one1 {background:url('../images/content/brand/img_onlyone1.jpg') no-repeat center top; background-size:cover; height:576px;} .onlyone .one2 {background:url('../images/content/brand/img_onlyone2.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one3 {background:url('../images/content/brand/img_onlyone3.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one4 {background:url('../images/content/brand/img_onlyone4.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one5 {background:url('../images/content/brand/img_onlyone5.jpg') no-repeat center top; background-size:cover;height:288px;} .onlyone .one6 {background:url('../images/content/brand/img_onlyone6.jpg') no-repeat center top; background-size:cover;height:576px;} .one-text {width:50%; padding:5% 4%;} .one-text p, .one-text ul {margin:0;} .one-text .orange-text {color:#f18101; } .one-text .one-num {font-size:45px; line-height:1;} .one-text .one-tit {font-size:20px; line-height:1.2; padding-bottom:13px;} .one-text ul.one-list li{font-size:14px; line-height:1.5; color:#888888;} .one-text p.one-desc {font-size:14px; line-height:1.5; color:#888888;} .one1{padding-top:57%;padding-left:50%; width:100%;} .one6{padding-top:57%;width:100%; height:100%;} .one1 .one-text {width:100%; height:100%; background:rgba(23,68,115,0.9);} .one6 .one-text {height:100%; background:rgba(23,68,115,0.9);} .one2 .one-text { padding:3% 4%;} .one5 .one-text {width:100%; padding:8% 5%;} .one3 .one-text {margin-left:50%;} .onestop .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .onestop img {width:90%; height:auto;} .onestop .sec img{margin-top:10px;} .inline-img{font-size:0;} .inline-img img{width:42%;} .onestop dl {margin-top:70px;} .onestop dt {font-size:22px; color:#000;} .onestop dd {font-size:14px; color:#666;} /* 인재상 */ .promo {padding-bottom:100px;} .careers {padding-top:65px;background:url('../images/content/careers/bg_careers.jpg') no-repeat center top; height:550px;background-size:cover; } .careerTbl {padding-top:80px;padding-bottom:100px;} .careerTbl .contentTit p{padding-top:0px;background:none; } .careers .btnArea a {margin:0; display:inline-block; height:50px; border:1px solid #b5b5b5; padding:0px 55px 0px 30px;font-size:16px; text-align:center; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .step {text-align:center; margin:0 auto; width:100%; line-height:25px;} .step ol {margin:0 0 70px; padding:0;} .step ol li {list-style:none; float:left; width:25%; padding-top:75px;} .step ol li.step1 {padding-right:35px;background:url('../images/content/careers/icon_step1.png') no-repeat center top; min-height:165px; max-height:200px; height:165px; background-size:auto 100%} .step ol li.step2 {padding-right:35px;background:url('../images/content/careers/icon_step2.png') no-repeat center top; min-height:165px; max-height:200px; height:165px;background-size:auto 100%} .step ol li.step3 {padding-right:35px;background:url('../images/content/careers/icon_step3.png') no-repeat center top; min-height:165px; max-height:200px;height:165px; background-size:auto 100%} .step ol li.step4 {background:url('../images/content/careers/icon_step4.png') no-repeat center top; min-height:165px; max-height:200px;height:165px; background-size:auto 100%} .step-no {font-size:16px; color:#000; font-family:'dm'; margin:0;} .step-text {font-size:18px; color:#000; font-family:'dm'; margin:0;} .step-text span {font-size:12px;margin:0;} /* 기타 */ .section.web { padding:0 20px 80px} .webA .contentTit p {font-size:16px; color:#666;} .web {font-size:14px; color:#666; } .web dt {font-family:'dm'; margin-top:30px;color:#000; } dd {margin:0; padding:0;} .web p.tit {font-size:22px; color:#000; margin-top:80px; padding-bottom:25px; border-bottom:1px solid #b2b2b2} .privacy dt {font-size:18px; color:#000; margin:45px 0 22px; } .privacy dd {margin-bottom:20px;} .inquiry {padding:80px 0 100px;} .inquiry h3 {font-size:22px; color:#000; padding-bottom:20px; margin-bottom:23px; border-bottom:2px solid #686868;} .container{padding-left:10px;padding-right:10px;} .scrollTop .container{padding-left:0;padding-right:0;} .container.w900 {width:900px !important; margin:0 auto;} .container.w900 > div.textBox {padding:0 20px; background: #fff none repeat scroll 0 0; border: 1px solid #d1d1d1; color: #666666; font-size: 14px; color:#888888;font-family:'dm' ;height: 195px; overflow-y: auto; width: 100%;} .vtbl th, .vtbl td {border-bottom:1px solid #dedede;} .vtbl th {background:url('../images/common/bul_th.gif') no-repeat right center;} .vtbl td {padding-left:22px;} .btmBtns .btn_ok {display:block; background:#174473; color:#fff; height:50px; line-height:50px; width:182px; text-align:center; margin:40px auto;} /* 회사소개 */ .map {margin-bottom:100px;} .map .left {height:433px; overflow:hidden; text-align:center;} .map .left img {width:auto; height:433px; text-align:center;} .map .left {width:65%;} .map .right {height:433px; width:35%;position:relative;border:1px solid #dfdfdf;} .map .right dl {margin:0; padding:33px 40px; text-align:left; } .map .right dl dt {font-size:30px;color:#000; padding-bottom:28px;background:url('../images/content/about/bg_dt.gif') no-repeat left bottom;} .map .right dl dd {padding-left:27px; padding:10px 0 10px 27px;} .map .right dl dd.iadd {margin-top:20px;background:url('../images/content/about/iadd.gif') no-repeat left 12px;} .map .right dl dd.itel {background:url('../images/content/about/itel.gif') no-repeat left 11px;} .map .right dl dd.ifax {background:url('../images/content/about/ifax.gif') no-repeat left 12px;} .map .right dl dd.iweb {background:url('../images/content/about/iweb.gif') no-repeat left 12px;} .map .right .btnMap {position:absolute; bottom:0; width:100%;border-top:1px solid #dfdfdf;} .map .right .btnMap a{display:inline-block;width:46%; line-height:52px; padding-right:3%; font-size:16px;letter-spacing:-1px; /*background:url('../images/content/about/bg_btngo.jpg') no-repeat 90% center;*/} .map .right .btnMap a:first-child {border-right:1px solid #dfdfdf} .full1 {padding-top:90px;background:url('../images/content/about/bg_leader.jpg') no-repeat center top; height:452px; } .full2 {padding-top:55px;background:url('../images/content/about/bg_full1.jpg') no-repeat center top; height:518px; } .full3 {padding-top:80px;background:url('../images/content/about/bg_full2.jpg') no-repeat center top; } .full3 .bgupline{padding-bottom:50px !important;} .leader1 {padding-left:45%;padding-right:10px;background:url('../images/content/about/bg_leader1.jpg') no-repeat 70px center; } .leader2 {padding-left:35%;padding-right:10%;background:url('../images/content/about/bg_leader2.jpg') no-repeat 40px center; } .leader3 {padding-left:45%;padding-right:10px;background:url('../images/content/about/bg_leader3.jpg') no-repeat 70px center; } .leader4 {padding-left:35%;padding-right:10%;background:url('../images/content/about/bg_leader4.jpg') no-repeat 40px center; } .leader dt{font-size:20px; color:#000;} .leader dt span {font-size:16px;} .leader dd {font-size:14px; color:#666;} .btnBtm a{display:inline-block; height:50px; margin:0 20px; border:1px solid #b5b5b5; color: #000; font-size:16px; text-align:left;padding:0 55px 0 30px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .company {padding-bottom:115px;} .ceoimg1 img{width:100%;} dl.ceo1 {height:298px; margin:0; padding:30px 45px 0;} dl.ceo2 {height:298px; margin:0; padding:18px 45px 0;} dl.ceo1 dt, dl.ceo2 dt {font-size:20px; color:#000; font-family:'dm';} dl.ceo1 dd, dl.ceo2 dd {font-size:14px; color:#666; line-height:21px;} .bgceo {padding-top:90px;background:url('../images/content/about/bg_ceo.jpg') no-repeat center top; height:614px; } .bgceo .contentTit {text-align:center; margin-top:100px;} .bgceo .contentTit h2{font-family:'dl' !important; font-size:36px !important;} .bgceo .contentTit p {font-size:16px; color:#666;} .ciArea { width:97%; /* border:1px solid #dfdfdf; */ } .ciArea img {width:100%;} .ciimg img {width:100%;} .ciArea .btnMap {border-top:1px solid #dfdfdf;} .ciArea .btnMap a{display:inline-block;width:49%; line-height:52px;font-size:16px; padding:0 50px 0 15px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .ciArea .btnMap a:first-child {border-right:1px solid #dfdfdf} .textArea p {margin:0;} .ci_intro .container .row:first-child{width:90%;} .ci2Area {border:1px solid #dfdfdf;margin: 0 auto; width: 90%;} .ci2Area img {width:100%; height:auto;} .rdfull1 {padding-top:90px;background:url('../images/content/rd/bg_rd1.jpg') no-repeat center top; height:409px; } .treeImg {padding-bottom:70px;} .treeImg .areaImg {width:60%; float:none; margin:0;} .treeImg div {display:inline;width:100%;float:none; margin-top:10px;} .treeImg div.areadesc p {margin:0;} .treeImg div.areadesc .tit {font-size:20px;font-family:'dm'; padding-bottom:5px;} .treeImg div.areadesc .subtit {font-size:16px;font-family:'dm';} .treeImg div.areadesc ul {margin:0;font-size:16px; color:#666666;} .right-align.pr40.treeImg {margin:0; text-align:right; padding-left:13%;} .rdTab .panel {display:table; max-height:300px; width:100%; padding-bottom:40px; margin-bottom:80px; } .rdTab .panel div {display:table-cell; vertical-align:middle;} .rdTab .panel div h3 {font-size:20px; color:#000;text-align:center;} .rdTab .panel div h3 span {font-size:14px; color:#000;} .rdTab .rnd_tit {width:25%;} .rdTab .rnd_tit h3 {text-align:center; font-family:'dm';} .rdTab .rnd_txt {width:50%; text-align:left;} .rdTab .rnd_txt ul {padding-top:10px;} .rdTab .rnd_txt dt , .rdTab .rnd_txt ul li{font-size:14px; color:#000; line-height:2;} .rdTab .rnd_txt dt {margin-top: 10px;} .rdTab .rnd_txt dd {font-size:14px; color:#888;} .rdTab .panel .rnd_txt ul , .rdTab .panel .rnd_txt dl {margin:0 ; text-align:left; padding-left:30px; border-left:1px solid #e2e2e2;} .rdTab .panel .rnd_img { text-align:right; width:25%} .gualitybg {background:#174473; padding-top:80px;} .gualitybg p {font-size:20px;} .iconQ1 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q1.png') no-repeat center 0px;} .iconQ2 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q2.png') no-repeat center 7px;} .iconQ3 {text-align:center;padding-top:159px;background:url('../images/content/rd/icon_q3.png') no-repeat center 8px;} .logoArea, .logoArea2 {border:1px solid #d3d3d3} .logoArea2 {border-top:none; margin-bottom:100px;} .logoArea > div.first {height:587px;} .logoArea > div.first , .logoArea2 > div {border-right:1px solid #d3d3d3;} .logoArea2 > div.last {border-right:none;} .logoArea2 > div:nth-child(1), .logoArea2 > div:nth-child(2) {height:395px;border-bottom:1px solid #d3d3d3;} .logoArea2 > div:nth-child(2) {border-right:none;} .logoArea dl, .logoArea2 dl {padding:0 40px 0px;} .logoArea dl dt, .logoArea2 dl dt {font-size:18px; font-family:'dm';color:#000;} .logoArea dl dd, .logoArea2 dl dd{font-size:16px; font-family:'dm';color:#666666; padding-bottom:30px;} .logoArea dl dt.tit {font-size:22px; color:#000;font-family:'dm';} .logoArea .logo-img img{width:100%;} .logoArea2 .logo-img{text-align:center;} .coationArea {background:url('../images/content/rd/bg_coationg.jpg') no-repeat center bottom; background-size:100% auto; height:50%;} .coationArea img {max-width:795px; width:60%;} .txtArea {margin-top:85px;} .coatArea dt {font-size:16px; font-family:'dm';} .coatArea dd {font-size:14px; color:#888;} .coatArea dd img {width:100%;} .coatArea2 img {width:80%;} .coatArea2 dt {font-size:20px; font-family:'dm';color:#000; margin-bottom:20px;} .coatArea2 dd {font-size:14px; color:#888;} .btmGreen {background:#f3fdf5; padding-top:50px; margin-top:85px; text-align:center;} .btmGreen .contentTit {padding-top:100px; margin-bottom:0;} .contentTit2 {font-size:25px; font-family:'dm'; } .rdstep > div {position:relative; margin:50px 0 0px 10px; padding:0 40px 0 10px; text-align:center; background: url(../images/content/rd/bt_stepNext.png) no-repeat 90% center;} .rdstep > div.last {background:none;} .rdstep > div dl {color:#fff; background:#444; padding-top:20px; width:250px; height:328px;} .rdstep > div dt {font-size:20px; font-family:'dm';} .rdstep > div dt span {font-size:24px; font-family:'dm';display:block;} .rdstep .popBtn {position:absolute; bottom:16px; left:10px;width:250px; padding:0;background:#444; background:none; height:167px;} .rdstep .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 248px; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;} .rdstep{width:calc(100% - 25%);} .rdstep .step01 dl{background: url(../images/content/rd/rd_step01.jpg) no-repeat left top;} .rdstep .step02 dl{background: url(../images/content/rd/rd_step02.jpg) no-repeat left top;} .rdstep .step03 dl{background: url(../images/content/rd/rd_step03.jpg) no-repeat left top;} .rdstep .step04 dl{background: url(../images/content/rd/rd_step04.jpg) no-repeat left top;} .rdstep .step05 dl{background: url(../images/content/rd/rd_step05.jpg) no-repeat left top;} .rdstep .step06 dl{background: url(../images/content/rd/rd_step06.jpg) no-repeat left top;} .rdstep .step07 dl{background: url(../images/content/rd/rd_step07.jpg) no-repeat left top;} .rdstep .last dl{background: url(../images/content/rd/rd_step08.jpg) no-repeat left top;} .rdmov { background: url(../images/content/rd/bg_rdmov.gif) repeat-x left bottom;} .rdmov iframe {margin-top:70px;width:764px; height:485px; margin-bottom:30px;} .rdstep2 > div {position:relative; float:left; margin:50px 0 0px 0px; padding: 0 34px 0 0; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 98% center;} .rdstep2 > div.last {background:none;} .rdstep2 > div dl {color:#fff; background:#444; padding:170px 0 0; margin:0; width:100%; height:293px;} .rdstep2 > div dt {margin-top:0px;font-size:20px; font-family:'dm';} .rdstep2 > div dd {word-spacing: -4px; line-height:1.2;} .rdstep2 > div dt span {font-size:24px; font-family:'dm';display:block; line-height:1.2} .rdstep2 .popBtn {position:absolute; top:0px; left:0;width:86%; padding:0;background:#444; background:none; height:167px;} .rdstep2 .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 100%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;transition:inherit;} .contentTit+.rdstep2 {width:calc(100% - 10%);} .contentTit+.rdstep2 >div {width:28%;box-sizing:border-box;} .contentTit+.rdstep2 >.step04 {width:16%;} .col.s12+.rdstep2 >div {width:24.3%;} .col.s12+.rdstep2 >div.step06, .col.s12+.rdstep2 >div.step08 {width:13%;padding:0 30px 0 0px;} .rdstep2 .qcmark {padding: 0 40px 0 0px; background: url(../images/content/rd/bt_stepNext.png) no-repeat 95% center; } .rdstep2 .qcmark > div {height:283px !important; background: url(../images/content/rd/rd_step01_6.jpg) no-repeat 50% center;background-size:90%;} .rdstep2 > div > div > p {margin:0;} .rdstep2 .right .popBtn{left:0} .rdstep2 .step01 dl{background: url(../images/content/rd/rd_step01_1.jpg) no-repeat left top;} .rdstep2 .step02 dl{background: url(../images/content/rd/rd_step01_2.jpg) no-repeat left top;} .rdstep2 .step03 dl{background: url(../images/content/rd/rd_step01_3.jpg) no-repeat left top;} .rdstep2 .step04 div {text-indent:-9999px;background: url(../images/content/rd/rd_step01_4.jpg) no-repeat left top;} .rdstep2 .step05 dl{background: url(../images/content/rd/rd_step01_5.jpg) no-repeat left top;} .rdstep2 .step06 div{text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_6.jpg) no-repeat 50% center; background-size:101%; } .rdstep2 .step07 dl{background: url(../images/content/rd/rd_step01_7.jpg) no-repeat left top;} .rdstep2 .step08 div{text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_8.jpg) no-repeat 50% center;background-size:101%;} .rdstep2 .last dl {background: url(../images/content/rd/rd_step01_9.jpg) no-repeat left top;} .historytree .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .historytree dt {font-size:22px; color:#000; font-family:'dm';} .historytree dd {font-size:14px; color:#666} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {line-height:1.3} .imgAlign dl {height:80px; line-height:1.3; padding-top:10px;margin:0;} .imgAlign dt {font-size:16px; color:#000;} .imgAlign dd {font-size:14px; color:#666;} .nobg {background:none !important;} ul.historym {border-top:1px solid #707273;border-bottom:1px solid #707273;} ul.historym > li {min-height:80px; margin:0; padding:0;} ul.historym dl {display:table; width:100%; min-height:140px; vertical-align:middle; margin:0;} ul.historym dl dt {display:table-cell; float:left; margin:0;width:20%; min-height:130px; padding-top:20px; font-size:53px; color:#a7b1c1; border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd {display:table-cell; float:right; width:77%; min-height:130px; padding-top:30px;border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd li span.month {display:inline-block; width:30px; margin-right:20px;text-align:right;} ul.historym .last dt,ul.historym .last dd {border-bottom:0;} /* 통합검색 */ .total {border-top:1px solid #d0d0d0;} .total .inputsrh {width:600px;margin:0 auto;} .total .input { width: 594px; display: inline-block; vertical-align:middle;} .total .input input { vertical-align: top; font-size: 16px; width: 490px; height: 40px; color: #fff; padding-left: 20px; line-height: 40px; background: #8f8f8f;} .total .input label {visibility:visible; text-indent:-99999px;display:none;} .total .input input::placeholder {color:#fff;} .total .input input::-webkit-input-placeholder { color: #fff;} .total .input input:-moz-placeholder { /* Firefox 18- */ color: #fff;} .total .input input::-moz-placeholder { /* Firefox 19+ */ color: #fff;} .total .input input:-ms-input-placeholder { color: #fff;} .total .btn_search { display: inline-block; /* margin-top: 20px; */ margin-left: -70px !important; margin-left: 5px; vertical-align: middle; width: 40px; height: 40px; text-indent: -9999px; background: url(../images/btnInc/btn_search.jpg) no-repeat 0 0;} .lst_type{width:100%;padding:10px;list-style:none} .lst_type li{clear:both;_height:0;margin-bottom:20px;padding-bottom:20px;_font-size:0; border-bottom:1px solid #e9e9e9; } .lst_type2{overflow:hidden;background-color:#fff;font-size:14px} .lst_type2 dt{padding:5px 0;font-size:16px; color:#000; text-decoration:underline;} .lst_type2 dt.tit{margin-left:194px} .lst_type2 dd.photo{display:inline;float:left;width:168px; height:113px;margin:-30px 25px 0 0;border:1px solid #e3e3e3;color:#fff;text-align:center} .lst_type2 dd a {line-height:18px; color:#888888;} .lst_type2 dd img{border:none} .lst_type2 a{text-decoration:none; display:block;} .lst_type3 li {float:left; width:16%; margin:0 0.3%;} .lst_type3 li a img{border:1px solid #e3e3e3;width:100%;} .more {width:100%; } .more a{display:block; height:39px; line-height:39px; text-align:center; font-size:16px; font-family:'dm'; color:#666; background:#e9e9e9 ; } .more a span {padding-right:20px; background:#e9e9e9 url('../images/btnInc/btn_srhlistMore.png') no-repeat right center;} .totalSrh .container {margin-top:60px;} .totalSrh .container h3 {font-size:25px; color:#000;margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #e9e9e9; } .totalSrh .container h3 span.stxt {font-size:18px;} .totalSrh .container h3 span.stxt .totalSrh .container ul {border-top:1px solid #e9e9e9; margin:0; padding:20px 0;} .totalSrh .container dl {margin:0;} .rdcentert .rndimg:after{content:"";display:block;clear:both;} .rdcentert .rndimg img{float:left;width:50%;} } @media (max-width: 800px) and (min-width: 641px) { /* 메인 */ .adTopWrap {background:url('../images/common/topBrnEng.jpg') no-repeat center top; height:85px;/* background-size:cover; */background-color:#333749;font-family:o_dm;} .adTop {position:relative;text-align:right; padding-right:50px;} .adTop p {display:inline-block; line-height:85px; height:85px; padding-right:40px;font-size:12px;} .btnBnrCls {position:absolute; top:30px; right:0;display:inline-block;width:28px; height:28px; background:url('../images/btnInc/btn_clstop.png') no-repeat center center; font-size:0; text-indent:-99999px;} .btnAdGo {display:inline-block;font-size:11px; color:#fff; background:#3a71a2; border-radius:14px;line-height:28px; height:28px; padding:0 12px;} /* 메인 */ .square-box{ position: relative; width: 50%; overflow: hidden; } .square-box:before{ content: ""; display: block; padding-top: 100%;} .square-content{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .square-content div { display: table; width: 100%; height: 100%;} #cellMain p, #cellMain dl {margin:0;} #cellMain .container {padding:0px;} .bgMgray {background:url('../images/main/bg_gray.gif') repeat-x center top;} .slidemain {margin:0} .slidemain li {position:relative;} .slidemain li p{margin:0;} .slidemain li dl.text {position:absolute;bottom:0;top:inherit; right:0; width:33.33%; min-height:250px; padding:24px 27px; color:#fff; margin:0;background:rgba(23,68,115,0.8)} .slidemain li dl.text dt span{font-size:18.28px; color:#fff;} .slidemain li dl.text dt a{font-size:28px; color:#fff; line-height:1.2; } .slidemain li dl.text dd {margin-top:25px;} .slidemain li dl.text dd a {font-size:15px;line-height:1.2;letter-spacing:-1px; color:#fff;} .slidemain li dl.text dd a > br{display:none;} .main_rolling2 {position:relative;width:100%; height:auto; margin-bottom:-6px;} .main_rolling2 img {width:103%; height:100%;} .gird-item {float:left;display:block; width:33.33%; } .gird-item img {width:100%; height:auto;} .ceoPic {display:none;} .rdcentert .rndimg:after{content:"";display:block;clear:both;} .rdcentert .rndimg img{float:left;width:50%;} /* header 메뉴 */ nav .input-field {margin-top:20px; margin-left:20% !important;background:#fff; height:38px; border:1px solid #c6c6c6; color:#666666; font-size:16px; } nav .input-field label {display:none} nav .input-field input { vertical-align:top; font-size: 16px; width:50%; height: 100%; color:#666666; padding-left: 20px;; line-height:38px; background:#fff;} nav .nav_search {display:inline-block; margin-top:20px; margin-left:5px; vertical-align:middle; width:40px; height:40px; text-indent:-9999px; background:url('../images/btnInc/btn_search.png') no-repeat 0 0;} nav .search {display:block;margin:10px 0 0 10px;} nav .search_cls {position:absolute; top:0; right:30px;display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/search_cls.png') no-repeat right center;} nav .fullmenu {border-top:2px solid #f18101; padding:35px 0; min-height:245px;overflow: hidden;} nav .fullmenu.grey {min-height:75px !important; padding:0;} nav .fullmenu .container{position:relative;} nav .fullmenu .textArea {float:left; width:394px; border-right:1px solid #eaeaea;} nav .fullmenu .textArea h2{color:#000; margin:0; padding:0;} nav .fullmenu .textArea h2 span{font-size:17px; display:block; line-height:17px; margin-bottom:10px;} nav .fullmenu .textArea h2 span.en {font-size:35px;} nav .fullmenu .textArea p.stxt {font-size:17px; line-height:20px; color:#666;} nav .fullmenu .textArea p.xstxt {color:#888; font-size:14px;line-height:20px; margin-top:17px;} nav .fullmenu ul.submenu {float:left; margin-left:25px;} nav .fullmenu ul.submenu li {min-height:20px;} nav .fullmenu ul.submenu li a {font-size:16px;min-height:38px; height:38px; color:#000; line-height:17px;} nav .fullmenu ul.submenu li a:hover {background:none !important;} nav .fullmenu .btnDown {position:absolute; top:0px; right:0; width:238px; line-height:1;} nav .fullmenu .btnDown a {display:inline-block; width:100%; line-height:48px;height:48px;border:1px solid #b5b5b5; color:#000;} nav .fullmenu .btnDown a.btncompany {padding-left:30px;background:#fff url('../images/common/icon_down.png') no-repeat 92% center;} nav .fullmenu .btnDown a.mallgo {background:#fff url('../images/common/btn_mallgo.gif') no-repeat 92% center;} nav .fullmenu .btnDown a.ci {padding-left:70px;background:#fff url('../images/common/icon_down.png') no-repeat 72% center;} nav .fullmenu .btnDown a.detail {display:inline-block; width:100%; font-size:14px;border:none; color:#ff9800 !important; padding:0;} nav .fullmenu .rightArea {width:370px;} nav .fullmenu .rightArea .left {margin-right:10px;} nav .fullmenu .rightArea .left p {margin:0; color:#000; font-size:20px;} nav .fullmenu .rightArea .left p.txt {font-size:14px; color:#666; margin-top:10px;} nav a.button-collapse a.mallgo {margin-top:-20px; line-height:0;} nav .dropdown-button.orange:hover, nav .dropdown-button.orange.active{background:#ff9800 !important} nav .dropdown-button.orange.m-all:hover, nav .dropdown-button.orange.m-all.active{background:#ff9800 url('../images/common/gnb10.png') no-repeat 50% 50% !important;} nav .sitemap h5 {width:100px; height:40px; line-height:40px;font-size:16px; border-bottom:1px solid #f8c080;} nav .sitemap ul {width:160px;margin:10px 0 ;} nav .sitemap ul li {min-height:20px;} nav .sitemap ul li a {margin:0; padding:0; height:20px; line-height:20px; font-size:13px;} nav .sitemap .container {position:relative;padding-left:120px !important;} nav .sitemap .links > div {width:20.5% !important;} nav .sitemap .allM_cls {position:absolute; top:0; right:30px; display:inline-block; margin-top:0px; margin-left:00px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/allM_cls.png') no-repeat right center;} nav .irstock.btnDown {width:370px;} nav .irstock .tit {color:#000;} nav .irstock > dl dt { width: 40%; float: right; padding: 2px 0 2px 0px; text-align: left; margin-top:2px; font-size: 22px; color: #000;} nav .irstock > dl .ircurrent { float: left;width: 55%;margin: 0px 0%; text-align: center; font-size: 55px; line-height: 55px; color: #f87a13; border-right:1px solid #eaeaea;} nav .newsList {position:relative;} nav .fullmenu .btnDown.newsList {width:340px;} nav .fullmenu .btnDown.newsList dl {margin:0; width:340px;} nav .fullmenu .btnDown.newsList dt {font-size:20px; color:#000; margin-bottom:25px;} nav .fullmenu .btnDown.newsList dd a{font-size:14px; color:#666; line-height:1.5; padding:0;} nav .fullmenu .btnDown.newsList a {display:inline-block; width:100%; line-height:48px;height:48px;border:none; color:#000;} nav .fullmenu .btnDown.newsList a.newMore {display:inline-block; position:absolute; top:0; right:0; text-indent:-999999px; width:18px; height:18px; background:url('../images/common/btn_more.gif') no-repeat 0 0} nav .irstock > dl { width: 100%; height: 150px; margin: 0; border-bottom: 1px solid #fff; } .gird-tit {display:block;font-size:22px; color:#123e67; text-align:center; font-family:'dm';padding-top:130px;margin-bottom: 10px;} .gird-txt {display:block;font-size:14px; line-height:1.1;color:#344a76; text-align:center;} .grid-list {padding-top:0;} .grid-list > div { padding:30px 33px; color:#fff;} .grid-list div dt {font-size:22px; font-family:'dm'; margin-bottom:15px;} .grid-list div.m_press dt {margin-bottom:8px !important;} .grid-list div dd a{color:#fff; font-size:14px; line-height:1.2;letter-spacing:-1px;} .m_investor dd a{color:#fff; font-size:14px; line-height:2;} .grid-list .btnMoreW {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreW.png') no-repeat 0 0; } .grid-list .btnMoreB {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreB.png') no-repeat 0 0; } .m_gallery dt, .m_press dt{color:#075a8d; font-size:30px;} .m_press dd.press-tit {margin-bottom:10px;} .m_press dd.press-tit a{color:#000; font-size:16px;} .m_press dd.press-txt a, .m_gallery dd a{color:#666 !important; font-size:14px;} .grid-list .m_gallery dd a, .grid-list .m_investor dd a{line-height:2 !important;} .bgWhite {background:#fff} .bgblue {background:#174473;} .bgorange {background:#f18101;} .bgGray {background:#f2f2f2} .bgmovie {color:#fff;text-align:center; background:url('../images/main/bgmovie.jpg') no-repeat center center; background-size:cover;} .bgmovie p {width:100%; height:100%;} .bgmovie a {display:block; width:100%; padding-top:70px;height:100%;color:#fff; font-size:20px; text-align:center;} .icon1 {width:100%; height:100%;background:url('../images/main/iconRd.png') no-repeat center 50px;} .icon2 {width:100%; height:100%;background:url('../images/main/icon2.png') no-repeat center 50px;} .icon3 {width:100%; height:100%;background:url('../images/main/icon3.png') no-repeat center 50px;} .icon8 {width:100%; height:100%;background:url('../images/main/icon8.png') no-repeat center 50px;} .gird-item p a {display:block;width:100%; height:100%;} .bgblue .gird-tit {padding-top:60px; font-size:16px; line-height:1; margin-bottom:0;} .bgblue .gird-txt { text-align:center; font-size:55px; color:#fff; line-height: 1;} .bgblue .gird-txt span { border-bottom:1px solid #fff;padding-bottom:10px;} .bgblue .gird-txt2 {display:block; font-size:14px; color:#a7b2c1; text-align:center;margin:20px 0;} .bgblue .gird-txt2 .up {width:12px; height:10px; margin-right:2px;background:url('../images/main/iconUp.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 .down {width:12px; height:10px;margin-right:2px;background:url('../images/main/iconDown.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 em {font-style:normal; vertical-align:middle;} .main_rolling2 .bx-pager {margin-left:28px;} .main_rolling2 .bx-pager-item {float:left; line-height:10px;} .main_rolling2 .bx-pager .bx-pager-link {width:6px; height:6px; background:#d0d0d0; border-radius:100%; text-indent:-99999px;font-size: 0;display: block; margin:2px 3px;} .main_rolling2 .bx-pager .bx-pager-link.active {width:10px; height:10px;margin:0 3px;} .main_rolling2 .bx-start {float:left;width:12px; height:10px; background:url('../images/main/btn_play.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-stop {float:left;width:12px; height:10px;background:url('../images/main/btn_stop.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-controls {width:33.33%; position:absolute;bottom:34px; right:0; z-index:100;} .main_rolling2 .bx-controls-auto {float: right;text-align:right; height:10px; width:35px; margin-right:28px;} .main_rolling2 .bx-controls-auto-item {float: left;margin:0 3px; width:10px;} nav .brand-logo {padding:3px 0 10px 10px} nav .brand-logo img {width:130px;} /* 서브 비주얼 */ #index-banner {background:url('../images/content/img_sub01.jpg') no-repeat center top;height:385px !important;background-size:cover; } #index-banner.ir {background:url('../images/content/img_sub02.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner3 {background:url('../images/content/img_sub03.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner4 {background:url('../images/content/img_sub04.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner5 {background:url('../images/content/img_sub05.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner6 {background:url('../images/content/img_sub06.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0101{background:url('../images/content/img_sub01_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0102{background:url('../images/content/img_sub01_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0103{background:url('../images/content/img_sub01_3.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0104{background:url('../images/content/img_sub01_4.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0105{background:url('../images/content/img_sub01_5.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0201 {background:url('../images/content/img_sub02_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0202 {background:url('../images/content/img_sub02_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0203 {background:url('../images/content/img_sub02_3.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0204 {background:url('../images/content/img_sub02_4.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0301 {background:url('../images/content/img_sub03_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0302 {background:url('../images/content/img_sub03_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0400{background:url('../images/content/img_sub04_0.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0401{background:url('../images/content/img_sub04_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0402{background:url('../images/content/img_sub04_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0403{background:url('../images/content/img_sub04_3.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0404{background:url('../images/content/img_sub04_4.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0405{background:url('../images/content/img_sub04_5.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0501 {background:url('../images/content/img_sub05_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0502 {background:url('../images/content/img_sub05_2.jpg') no-repeat center top; height:385px !important;;background-size:cover; } #index-banner0503 {background:url('../images/content/img_sub05_3.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0504 {background:url('../images/content/img_sub05_4.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0601 {background:url('../images/content/img_sub06_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0602 {background:url('../images/content/img_sub06_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0701 {background:url('../images/content/img_sub07_1.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner0702 {background:url('../images/content/img_sub07_2.jpg') no-repeat center top; height:385px !important;background-size:cover; } #index-banner08 {background:url('../images/content/img_sub08.jpg') no-repeat center top;height:385px !important;background-size:cover; } #index-banner .container {/* position:relative; */} #index-banner .container:after {content:''; clear:both; display:block;} /* icon */ .iconNews {background:url('../images/common/icon_news.png') no-repeat center 50px; background-size:22% auto;} .icongallery {background:url('../images/common/icon_gallery.png') no-repeat center 49px; background-size:22% auto;} .iconInfo {background:url('../images/common/icon_info.png') no-repeat center 46px; background-size:22% auto;} .iconPosition {background:url('../images/common/icon_position.png') no-repeat center 45px; background-size:22% auto;} .iconir01 {background:url('../images/common/icon_ir01.png') no-repeat center 50px; background-size:22% auto;} .iconir02 {background:url('../images/common/icon_ir02.png') no-repeat center 50px; background-size:22% auto;} .iconir03 {background:url('../images/common/icon_ir03.png') no-repeat center 50px; background-size:22% auto;} .iconir04 {background:url('../images/common/icon_ir04.png') no-repeat center 50px; background-size:22% auto;} .iconbrand01 {background:url('../images/common/icon_brand1.png') no-repeat center 30%; background-size:22% auto;} .iconbrand02 {background:url('../images/common/icon_brand2.png') no-repeat center 30%; background-size:22% auto;} .iconbrand03 {background:url('../images/common/icon_brand3.png') no-repeat center 30%; background-size:22% auto;} .iconbrand04 {background:url('../images/common/icon_brand4.png') no-repeat center 30%; background-size:22% auto;} .iconab1 {background:url('../images/common/icon_ab1.png') no-repeat center 32px; background-size:22% auto;} .iconab2 {background:url('../images/common/icon_ab2.png') no-repeat center 32px; background-size:22% auto;} .iconab3 {background:url('../images/common/icon_ab3.png') no-repeat center 32px; background-size:22% auto;} .iconab4 {background:url('../images/common/icon_ab4.png') no-repeat center 32px; background-size:22% auto;} .iconab5 {background:url('../images/common/icon_ab5.png') no-repeat center 32px; background-size:22% auto;} .iconmarketing01 {background:url('../images/common/icon_marketing1.png') no-repeat center 40px; background-size:22% auto;} .iconmarketing02 {background:url('../images/common/icon_marketing2.png') no-repeat center 40px; background-size:22% auto;} .iconcareer01 {background:url('../images/common/icon_career1.png') no-repeat center 40px; background-size:22% auto;} .iconcareer02 {background:url('../images/common/icon_career2.png') no-repeat center 40px; background-size:22% auto;} .iconetc01 {margin-left: 14.5% !important;background:url('../images/common/icon_etc1.png') no-repeat center 50px; background-size:22% auto;} .iconetc02 {background:url('../images/common/icon_etc2.png') no-repeat center 50px; background-size:22% auto;} .iconetc03 {background:url('../images/common/icon_etc3.png') no-repeat center 50px; background-size:22% auto;} .iconrd00 {background:url('../images/common/icon_rd0.png') no-repeat center 50px; background-size:22% auto;} .iconrd01 {background:url('../images/common/icon_rd1.png') no-repeat center 32px; background-size:22% auto;} .iconrd02 {background:url('../images/common/icon_rd2.png') no-repeat center 32px; background-size:22% auto;} .iconrd03 {background:url('../images/common/icon_rd3.png') no-repeat center 32px; background-size:22% auto;} .iconrd04 {background:url('../images/common/icon_rd4.png') no-repeat center 32px; background-size:22% auto;} .iconrd05 {background:url('../images/common/icon_rd5.png') no-repeat center 32px; background-size:22% auto;} .pressTbl ,.hide-on-med-and-down .allmenu, .listTbl.ir-data{display:none !important;} .pressTbl.ir-data{display:table !important;margin-top:25px;} .pressTbl.ir-data td{font-size:12px;} .pressTbl.thBlack {display:table !important;} .hide-on-med-and-down .allmenu {text-indent:-99999px;} nav ul a {height: 64px;line-height: 64px; font-size:13px; padding: 0 1rem;} nav ul a.icon img {width:18px;} nav ul a.icon {padding:20px 20px} nav .fullmenu {position:absolute; top:64px !important; left:0% !important; width:100% !important;} nav .fullmenu .container {margin:0 auto; max-width:800px;} div.path {width:100%;height:50px !important; line-height:50px;} div.path:after {content:''; display:block;} div.path .nav-wrapper {display:block; width:100%; height: 100%;} .pl20 {padding-left:0.4rem;} .pr20 {padding-right:0.4rem;} .pl30 {padding-left:1rem;} .pr30 {padding-right:1rem;} .mt00 {margin-top:15px !important;} .toptxt img{height:122px; width:auto; } .mw100{width:304px; margin:0px auto;} .mw100 img {width:150px; height:150px; margin:0 1px;} .mw100 a {width:50%; margin-top:-5px !important;} /* 타이틀 */ .visual_tit {margin-top: 40px;margin-bottom:20px;float: left; margin-left: 40px; color:#fff; width:80%;} .visual_tit p, .visual_tit h2 {margin:0;} .visual_tit h2 { font-family:'dm'; font-size:33px;padding-bottom:40px; margin-bottom:28px; background:url('../images/common/bg_tit.png') no-repeat left bottom;} .visual_tit span {display:block; font-size:15px; font-family:'dm'; line-height:20px; margin-bottom:17px;} .visual_tit p {font-size:14px} .visual_tit p br {display:none;} .blueSmenu, .orangeSmenu , .graySmenu {display:inline-block; width:25%; text-align:center; height:150px;} .blueSmenu .white-text, .orangeSmenu .white-text, .graySmenu .white-text {display:block; font-size:12px; padding-top:80px;} .blueSmenu .gray-text, .orangeSmenu .gray-text, .graySmenu .gray-text {font-size:12px; color:rgba(255,255,255,0.5) !important;line-height:13px !important;} .contentTit {margin-bottom:5px;} .contentTit.twodep{margin-top:60px;} .contentTit h2{margin:0; font-size:20px; color:#164e88; padding-bottom:15px; margin-bottom:15px; font-family:'dm'; background:url('../images/common/bg_contentTit.gif') no-repeat center bottom;} .contentTit h2 span {margin:0; font-size:25px; color:#000; margin-bottom:0px; font-family:'dm';} .contentTit p{margin:0;font-size:15px !important;color:#000; } .bglineH {padding-top:40px !important; font-size:30px; color:#174473; font-family:'dm'; background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 30px !important;} .bglineHL {padding-top:40px !important;font-family:'dm';background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 35px !important; } .nolineH {padding-top:10px; padding-bottom:20px;font-size:20px; padding-bottom:0px;color:#174473; font-family:'dm';background: none !important;} .nolineH2 {padding-top:10px; padding-bottom:0px;font-family:'dm';background: none !important;} .tabs .tab a {font-size:14px;} h2.header.toptxt.mobile {display: none !important;} h2.header.center.mobile {display:none !important;} .toplink.hr1 {min-width:530px !important; max-width:550px;text-align:center;margin:0px auto 0;} .toplink.hr1 img {width:130px; height:130px; margin:0 1px;} .toplink.hr3 {min-width:95% !important; max-width:550px;text-align:center;margin:0px auto 0;} .toplink.hr3 a {width:20%;} .toplink.hr3 img {width:110px; height:110px; margin:0 1px;} .toplink.right {float:none !important; margin:00px auto 0;} .mobile.toplink{display: none !important;} .allmenu{display:block;} .listTbl {border-top:1px solid #e9e9e9;} .listTbl li {border-bottom:1px solid #e9e9e9; padding:20px 20px 5px;} .listTbl li dl { padding:0;} .listTbl li dt { } .listTbl li dt a{color:#000000; font-size:14px; line-height:22px; margin-bottom:5px;max-height:24px; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .listTbl li dt span.num {display:inline-block; color:#666666; font-size:12px; width:40px;} .listTbl li dd {margin:0;color:#767676; font-size:13px; line-height:18px; margin-bottom:15px; padding:0; max-height:44px;display:block; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} .listTbl li dd span {display:inline-block;color:#888; width:130px;} .scrollTop {display:none;width:100%; height:49px; line-height:49px; border-bottom:1px solid #e5e5e5;z-index:1000;} .scrollTop .history ul{margin:0;} .scrollTop .history ul.dropdown-content {margin-top:48px; } .scrollTop .history li {float:left; border-right:1px solid #e5e5e5; } .scrollTop .history > ul > li > a {display:block;padding:0 76px 0 25px; font-size:16px; color:#666666; background:url('../images/common/bul_scrollTopM1.png') no-repeat 90% center;} .scrollTop .history > ul.right {display:none;} .scrollTop .history > ul.right > li > a {padding:15px; background:none; height:49px;} .scrollTop .history > ul > li > a.on, .scrollTop .history > ul > li > a:hover, .scrollTop .history > ul > li > a:active, .scrollTop .dep2 > a, .scrollTop .history > ul > li > a.active{color:#f18101;background:url('../images/common/bul_scrollTopM2.png') no-repeat 90% center;} .scrollTop .history li.home {width:160px; height:49px; line-height:49px;text-align:left; padding:0; } .scrollTop .history li.home a, .scrollTop .history li.home a:hover, .scrollTop .history li.home a:active {padding:0; background:none;} .scrollTop .history li.home img { padding:5px 0 0 10px;} .scrollTop .history li ul li{min-height:32px; border:none;} .scrollTop .history li li a {display:block; padding:0 0px 0 25px; font-size:14px !important; color:#666666; height:32px; line-height:32px;} .scrollTop .history li li a:hover {color:#f18101 !important; background:#f0f0f0; } /* paging */ .pagination {padding:55px 0;} .pagination .prev {text-indent:-99999px; width:32px; height:32px;background:url('../images/common/chevron_left.png') no-repeat center center;} .pagination .next {text-indent:-99999px; width:32px; height:32px; background:url('../images/common/chevron_right.png') no-repeat center center;} /* footer */ footer .footer_links, footer .sitemap {padding:0 20px;} footer .footer_links .container{overflow:hidden;} footer .footer_links .util-menu {float:left;padding-left:10px;padding-right:10px; margin:4px 0 0;} footer .footer_links .util-menu li {display:inline-block;} footer .footer_links .util-menu li a {display:block; font-size:14px; } footer .footer_links .util-menu li:first-child a:before, footer .footer_links .util-menu li.right a:before {content:''; padding:1px 0;} footer .footer_links .util-menu li a:before {content:'|'; display:inline-block;padding:15px ; color:#5d6e91;} footer .footer_links .util-menu li:first-child a:before, footer .footer_links .family a:before {content:''; padding:15px 0;} footer .footer_links .container:after {content:''; clear:both; display:block;} footer .footer_links .family {float:right;font-size:13px; padding-right:15px;line-height:57px;background:url('../images/common/btn_bgup.png') no-repeat right center;} footer .sitemap .links {float:none; width:100%; } footer .sitemap h5 {font-size:16px; margin:45px 0 0;} footer .sitemap ul {border-left:1px solid #8e9bb3 ; padding-left:7px;} footer .sitemap ul li a {font-size:13px; letter-spacing:-1px;} footer .drop-content2 {margin-top:58px; height:120px; overflow-y:auto; width:200px !important;} footer #dropdown_f li {line-height:15px;min-height:35px !important;} footer .drop-content2 li a {font-size:13px; color:#000; padding:5px 16px !important;} footer .etc_link ul {border:none; padding-left:0; margin:45px 0 0;} footer .etc_link ul li {line-height:16px;} footer .etc_link ul li a {display:block;font-size:16px; margin-bottom:12px;} footer .sitemap .container.clearfix.mobile {display:none !important} /* 갤러리 */ .photoItem {} .btn_view {background-color:rgba(241,129,1,0.7)} h2.header.center {display:block !important;} h2.header.center.mobile {display:none !important;} .galleryviewer {position:relative; width:100%; border:1px solid #d6d6d6; margin-bottom:80px;} .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;} .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:10%; height:76px; text-indent:-99999px; line-height:76px;background:url('../images/content/pr/btn_galleryList.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .galleryTit { display:inline-block; width:86%; color:#000; vertical-align:middle; padding:0 15px; font-size:18px; line-height:22px; margin:15px 0 ;} .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .galleryviewer .galleryhead .galleryTit span.date {display:block; color:#888; font-size:14px; margin-top:-30px;} .galleryviewer .galleryhead .galleryTit .ellip {width:80%;} .galleryviewer .galleryhead .sns { display:inline-block;border-top:1px solid #d6d6d6; border-left:none; padding: 0 39%;width:100%; margin:0;background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:76px;} .galleryviewer .galleryContent {padding:40px 40px 60px;} .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .galleryviewer .galleryContent p img{width:100%;} .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-29px; margin-left:-87px; width:174px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .galleryviewer .galleryBtn a {display:inline-block;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} .main_rolling {margin-bottom:40px; } .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:100%; margin:0; padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left {position: relative; height: 6em; padding-bottom: 60%;} .main_rolling .slidegallery li a {width:80%; margin:50px auto 0;} .main_rolling .slidegallery li p.left img { height:auto !important; width:100% !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block;} .main_rolling .slidegallery li dl.right {padding:3% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm'} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:30px;} .bx-wrapper .bx-prev { left: 10px; background:url('../images/btnInc/bx-prev.png') no-repeat center center;width:38px; height:38px;margin-left:0px;} .bx-wrapper .bx-next {right: 10px; width:38px; height:38px; background:url('../images/btnInc/bx-next.png') no-repeat center center;} /*ir*/ .topdown {width:100%; background:#f2f2f2; margin-bottom:40px;padding:30px 0;} .topdown:after {content:'';display:block; clear:both;} .topdown .container {max-width:800px; } .topdown .container .left {width:48.5%;text-align:right; } .topdown .container .right {width:48.5%; text-align:left;} .topdown .container .right dt {font-size:22px; color:#000;} .topdown .container .right dt span {display:block; color:#075a8d;font-size:18px; margin-bottom:24px;} .topdown .container .right dd {margin:0; padding:0;} .topdown .container .right dd a.btn_down { margin:25px 0; display:block; height:50px; border:1px solid #b5b5b5; width:240px; font-size:16px; text-align:left; padding-left:40px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .topdown .container .right dd.arTxt {font-size:14px; color:#666666; line-height:22px;} .listTbl a.btn_down {margin:10px 0; display:block; height:34px; border:1px solid #b5b5b5; width:170px; font-size:14px; text-align:left; line-height:32px;padding-left:30px;background:url('../images/common/icon_down.png') no-repeat 87% center;} .left.irstock , .right.graph, .bgupline .left, .bgupline .right {float:none !important; width:100% !important;} .graph img {width:100% !important; height:auto;} .graph .bggrey.fix { height: 200px; margin-top: 0;} .graph .bggrey div.left {margin-top:30px;} .bgupline {padding-bottom:20px !important; background-size:1px 40px !important;} .bgupline .left, .bgupline .right {border-top:1px solid #000;} .photoItem {width:100% !important; margin:0 auto; text-align:center !important;} .photoItem img {width:100% !important; height:auto;} .ir li:first-child {border-left:none;} .container {padding:0 10px;} .scrollTop .container{padding-left:0;padding-right:0;} .sltArea {width:103%;} select.browser-default {display: block; float: left; width: 50%;} .tbl_dec .left , .tbl_dec .right{float:none !important;} /* 검색영역 */ .serchArea {height:40px; margin-bottom:35px; line-height:40px;width: 77%; margin:0 auto;} .serchArea select, .serchArea span{display:inline-block; width:145px; height:38px;vertical-align:top;border:1px solid #a4a4a4;} .serchArea input{border: none; height: 35px; padding-left: 5px; width: 100px; margin: -9px 0 0; background: none;} .serchArea span a {text-indent:-9999px;} .serchArea a.btnSlt {display:inline-block; height:40px; background:#f18101; color:#fff; font-size:14px;line-height:38px; width:73px; text-align:center; vertical-align:top;} /* 막대그래프 */ .wp45 {width:100% !important;} .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4; } .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:-40px;left:0;width:100%;color:#8ba1b9; font-size:30px; } .v_graph span.txt em {font-size:20px; font-style:normal;} .v_graph .last span.txt {color:#f18101} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} /* 브랜드소개 */ .con_duolac {padding-bottom:40px;} .con_duolac2 {padding-top:50px;background:url('../images/content/brand/bg_duolac01.jpg') no-repeat center top; height:440px; background-size:auto 440px; } .con_duolac2 .contentTit, .con_duolac3 .contentTit{margin-bottom:35px;} .con_duolac .left , .con_duolac .right{float:left; width:45%;} .con_duolac dl dd {margin:0; padding-bottom:0px; font-size:14px; color:#888888; line-height:21px;} .con_duolac dl.duolac01 dd img, .con_duolac dl.duolac02 dd img{width:100%; height:auto;} .con_duolac dl {margin:0; padding:0;} .con_duolac dl dt {font-family:'dm'; font-size:20px; min-height:25px; color:#000; line-height:25px; } .con_duolac3 .row{background:none; } .con_duolac3 .duolac03 {width:50%;margin:0;margin-top:35px; padding:0;} .duolac03 dt {font-family:'dm'; font-size:20px; min-height:25px; color:#000; line-height:25px;} .duolac03 dd {margin:0; padding-bottom:0px; font-size:14px; color:#000; line-height:20px;} .duolac03.left-align {margin-left:44%;} .duolac03.right-align {margin-left:30px;} .acl {float:left; margin:0 0 0 30px;} .acr{float:right; margin:0 30px 0 0;} .con_duolac3 p.img {height:276px;} .con_duolac3 .offset-l6 {} .con_duolac3 dt {font-size:20px; color:#000; line-height:26px;} .con_duolac3 dd {font-size:14px; color:#666666;} .con_duolac4 {padding-bottom:110px;} .con_duolac4 .contentTit {padding-top:80px;} .con_duolac4 p.img {margin:0;} .con_duolac4 p.img img {width:100%; height:auto;} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {margin:0;} .imgAlign li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:0;} .imgAlign li img {width:100%; height:auto;} .popBtn {padding-top:37px; background:url('../images/content/marketing/popBtn.gif') no-repeat center top;} .popBtn a {display:inline-block; font-size:14px; padding: 0; line-height:74px; letter-spacing:0 !important; color:#fff;width:61px; height:61px;background:url('../images/btnInc/btnMore.gif') no-repeat center top;} .careers {padding-top:65px;background:url('../images/content/careers/bg_careers.jpg') no-repeat center top; height:500px;background-size:cover; } .careerTbl {padding-top:80px;padding-bottom:100px;} /*.careerTbl .contentTit h2,*/ .careers .contentTit h2{padding-bottom:0px;background:none; } .careerTbl .contentTit p{padding-top:0px;background:none; } .careers .btnArea a {margin:0; display:inline-block; height:50px; border:1px solid #b5b5b5; padding:0px 55px 0px 30px;font-size:16px; text-align:center; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .step {text-align:center; margin:0 auto; width:100%; line-height:16px;} .step ol {margin:0 0 50px; padding:0;} .step ol li {list-style:none; float:left; width:25%; padding-top:65px;} .step ol li.step1 {padding-right:20px;background:url('../images/content/careers/icon_step1.png') no-repeat center top; min-height:130px; max-height:200px; height:130px; background-size:auto 100%} .step ol li.step2 {padding-right:20px;background:url('../images/content/careers/icon_step2.png') no-repeat center top; min-height:130px; max-height:200px; height:130px;background-size:auto 100%} .step ol li.step3 {padding-right:20px;background:url('../images/content/careers/icon_step3.png') no-repeat center top; min-height:130px; max-height:200px;height:130px; background-size:auto 100%} .step ol li.step4 {background:url('../images/content/careers/icon_step4.png') no-repeat center top; min-height:130px; max-height:200px;height:130px; background-size:auto 100%} .step-no {font-size:14px; color:#000; font-family:'dm'; margin:0;} .step-text {font-size:16px; color:#000; font-family:'dm'; margin:0;} .step-text span {font-size:10px;margin:0;} .onlyone {padding-bottom:50px;} .onlyone .one1 {background:url('../images/content/brand/img_onlyone1.jpg') no-repeat center top; background-size:cover;} .onlyone .one2 {background:url('../images/content/brand/img_onlyone2.jpg') no-repeat center top; background-size:cover;} .onlyone .one3 {background:url('../images/content/brand/img_onlyone3.jpg') no-repeat center top; background-size:cover;} .onlyone .one4 {background:url('../images/content/brand/img_onlyone4.jpg') no-repeat center top; background-size:cover;} .onlyone .one5 {background:url('../images/content/brand/img_onlyone5.jpg') no-repeat center top; background-size:cover;} .onlyone .one6 {background:url('../images/content/brand/img_onlyone6.jpg') no-repeat center top; background-size:cover;} .onlyone .col.s12.m6{width:100%;} .one-text {width:50%; padding:0% 4%} .one-text p, .one-text ul {margin:0;} .one-text .orange-text {color:#f18101; } .one-text .one-num {font-size:53px; line-height:1;} .one-text .one-tit {font-size:24px; line-height:1.2; padding-bottom:13px} .one-text ul.one-list li{font-size:14px; line-height:1.5; color:#888888;} .one-text p.one-desc {font-size:14px; line-height:1.5; color:#888888;} .one1{padding-top:50%;padding-left:50%; width:100%;} .one6{padding-top:50%;width:100%; height:100%;} .one3, .one4{padding-top:6%;padding-bottom:6%;} .one1 .one-text {width:100%; height:100%; padding-top:6%;padding-bottom:6%;background:rgba(23,68,115,0.9)} .one6 .one-text {height:100%; padding-top:6%;padding-bottom:6%;background:rgba(23,68,115,0.9)} .one2 .one-text { padding:3% 4%} .one5 .one-text {width:100%; padding:8% 5%} .one3 .one-text {margin-left:50%;} .onestop .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .onestop img {width:90%; height:auto;} .onestop dl {margin-top:70px;} .onestop dt {font-size:22px; color:#000;} .onestop dd {font-size:14px; color:#666;} /* 기타 */ .section.web { padding:0 20px 60px} .webA .contentTit p {font-size:14px; color:#666;} .web {font-size:12px; color:#666; } .web dt {font-family:'dm'; margin-top:30px;color:#000; } dd {margin:0; padding:0;} .web p.tit {font-size:20px; color:#000; margin-top:40px; padding-bottom:15px; border-bottom:1px solid #b2b2b2} .privacy dt {font-size:18px; color:#000; margin:45px 0 22px; } .privacy dd {margin-bottom:20px;} .inquiry {padding:80px 0 100px;} .inquiry h3 {font-size:22px; color:#000; padding-bottom:20px; margin-bottom:23px; border-bottom:2px solid #686868;} .container.w900 {width:90% !important; margin:0 auto;} .container.w900 > div.textBox {padding:0 20px; background: #fff none repeat scroll 0 0; border: 1px solid #d1d1d1; color: #666666; font-size: 14px; color:#888888;font-family:'dm' ;height: 195px; overflow-y: auto; width: 100%;} .vtbl th, .vtbl td {border-bottom:1px solid #dedede;} .vtbl th {background:url('../images/common/bul_th.gif') no-repeat right center;} .vtbl td {padding-left:22px;} .btmBtns .btn_ok {display:block; background:#174473; color:#fff; height:50px; line-height:50px; width:182px; text-align:center; margin:40px auto;} /* 회사소개 */ .map {margin-bottom:100px;} .map .left {height:433px; overflow:hidden; text-align:center;} .map .left img {width:auto; height:433px; text-align:center;} .map .left {width:65%;} .map .right {height:433px; width:35%;position:relative;border:1px solid #dfdfdf;} .map .right dl {margin:0; padding:33px 40px; text-align:left; } .map .right dl dt {font-size:30px;color:#000; padding-bottom:28px;background:url('../images/content/about/bg_dt.gif') no-repeat left bottom;} .map .right dl dd {padding-left:27px; padding:10px 0 10px 27px;} .map .right dl dd.iadd {margin-top:20px;background:url('../images/content/about/iadd.gif') no-repeat left 12px;} .map .right dl dd.itel {background:url('../images/content/about/itel.gif') no-repeat left 11px;} .map .right dl dd.ifax {background:url('../images/content/about/ifax.gif') no-repeat left 12px;} .map .right dl dd.iweb {background:url('../images/content/about/iweb.gif') no-repeat left 12px;} .map .right .btnMap {position:absolute; bottom:0; width:100%;border-top:1px solid #dfdfdf;} .map .right .btnMap a{display:inline-block;width:46%; line-height:52px; padding-right:3%; font-size: 14px;letter-spacing: -1.5px;/*background:url('../images/content/about/bg_btngo.jpg') no-repeat 90% center;*/} .map .right .btnMap a:first-child {/*border-bottom:1px solid #dfdfdf*/} .map .right .btnMap a.a100{width:97%; border-right:0} .full1 {padding-top:90px;background:url('../images/content/about/bg_leader.jpg') no-repeat center top; height:452px; } .full2 {padding-top:55px;background:url('../images/content/about/bg_full1.jpg') no-repeat center top; height:518px; } .full3 {padding-top:80px;background:url('../images/content/about/bg_full2.jpg') no-repeat center top;} .full3 .bgupline{padding-bottom:30px !important;} .leader1 {padding-left:31%; background:url('../images/content/about/bg_leader1.jpg') no-repeat 10% center; } .leader2 {padding-left:30%;padding-right:5%; background:url('../images/content/about/bg_leader2.jpg') no-repeat 10% center; } .leader3 {padding-left:30%; background:url('../images/content/about/bg_leader3.jpg') no-repeat 10% center; } .leader4 {padding-left:30%;padding-right:5%; background:url('../images/content/about/bg_leader4.jpg') no-repeat 10% center; } .leader dt{font-size:20px; color:#000;} .leader dt span {font-size:16px;} .leader dd {font-size:14px; color:#666;} .btnBtm a{display:inline-block; height:50px; margin:0 20px; border:1px solid #b5b5b5; color: #000; font-size:16px; text-align:left;padding:0 55px 0 30px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .company {padding-bottom:115px;} .ceoimg1 img{width:100%;} dl.ceo1 {height:298px; margin:0; padding:0 25px 0;} dl.ceo2 {height:298px; margin:0; padding:18px 15px 0;} dl.ceo1 dt, dl.ceo2 dt {font-size:20px; color:#000; font-family:'dm';} dl.ceo1 dd, dl.ceo2 dd {font-size:14px; color:#666; line-height:21px;} .bgceo {padding-top:90px;background:url('../images/content/about/bg_ceo.jpg') no-repeat center top; height:614px; } .bgceo .row .col.m6{width:80%} .bgceo .contentTit {text-align:center; margin-top:100px;} .bgceo .contentTit h2{font-family:'dl' !important; font-size:36px !important;} .bgceo .contentTit p {font-size:16px; color:#666;} .ciArea { width:90%; /* border:1px solid #dfdfdf; */ } .ciArea img {width:100%;} .ciimg img {width:100%;} .ciArea .btnMap {border-top:1px solid #dfdfdf;} .ciArea .btnMap a{display:inline-block;width:49%; line-height:52px;font-size:14px; padding:0 20px 0 10px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 92% center;} .ciArea .btnMap a:first-child {border-right:1px solid #dfdfdf} .textArea p {margin:0;} .ci2Area {border:1px solid #dfdfdf;width:100%;} .ci2Area img {width:100%; height:auto;} .rdfull1 {padding-top:62px;background:url('../images/content/rd/bg_rd1.jpg') no-repeat center top; height:350px; background-size:auto 350px;} .treeImg {padding-bottom:70px;} .treeImg .areaImg {width:100%; float:left; margin:10px 0 0;} .treeImg div {display:inline;width:100%;float:left; margin-top:10px;} .treeImg.sec div{margin-left:20px;} .treeImg div.areadesc p {margin:0;} .treeImg div.areadesc .tit {font-size:18px;font-family:'dm'; padding-bottom:5px;} .treeImg div.areadesc .subtit {font-size:14px;font-family:'dm';} .treeImg div.areadesc ul {margin:0;font-size:14px; color:#666666;} .fs35 {font-size:20px !important;} .fs22 {font-size:18px !important;} .rdTab .panel {display:table; max-height:300px; width:100%; padding-bottom:40px; margin-bottom:80px; } .rdTab .panel div {display:table-cell; vertical-align:middle;} .rdTab .panel div h3 {font-size:16px; color:#000;text-align:center;} .rdTab .panel div h3 span {font-size:14px; color:#000;} .rdTab .rnd_tit {width:25%;} .rdTab .rnd_tit h3 {text-align:center; font-family:'dm';} .rdTab .rnd_txt {width:50%; text-align:left;} .rdTab .rnd_txt ul {padding-top:10px;} .rdTab .rnd_txt dt , .rdTab .rnd_txt ul li{font-size:14px; color:#000; line-height:2;} .rdTab .rnd_txt dt {margin-top: 10px;} .rdTab .rnd_txt dd {font-size:14px; color:#888;} .rdTab .panel .rnd_txt ul , .rdTab .panel .rnd_txt dl {margin:0 ; text-align:left; padding-left:20px; padding-right:10px; border-left:1px solid #e2e2e2;} .rdTab .panel .rnd_img { text-align:right; width:25%} .rdTab .panel .rnd_img img {width:100%;} .gualitybg {background:#174473; height:auto; padding-top:40px;} .gualitybg p {font-size:15px;padding-bottom:20px;} .bglineHL {padding-top:40px; background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 35px !important;} .iconQ1 {text-align:center;padding-top:130px;background:url('../images/content/rd/icon_q1.png') no-repeat center 0px;} .iconQ2 {text-align:center;padding-top:130px;background:url('../images/content/rd/icon_q2.png') no-repeat center 7px;} .iconQ3 {text-align:center;padding-top:130px;background:url('../images/content/rd/icon_q3.png') no-repeat center 8px;} .logoArea, .logoArea2 {border:1px solid #d3d3d3} .logoArea2 {border-top:none; margin-bottom:100px;} p.logo-img {text-align:center;width:100%;} .logoArea p.logo-img img {width:100%; text-align:center;} .logoArea > div.first , .logoArea2 > div {border-right:1px solid #d3d3d3;} .logoArea2 > div {border-bottom:1px solid #d3d3d3;} .logoArea2 > div:nth-child(3) {border-bottom:none;} .logoArea2 > div:nth-child(1), .logoArea2 > div:nth-child(2) {height:419px;} .logoArea2 > div:nth-child(2) {border-right:none;} .logoArea2 > div.last {border:none;} .logoArea dl, .logoArea2 dl {padding:0 40px 0px;} .logoArea dl dt, .logoArea2 dl dt {font-size:18px; font-family:'dm';color:#000;} .logoArea dl dd, .logoArea2 dl dd{font-size:16px; font-family:'dm';color:#666666; padding-bottom:30px;} .logoArea dl dt.tit {font-size:22px; color:#000;font-family:'dm';} .coationArea {background:url('../images/content/rd/bg_coationg.jpg') no-repeat center bottom; background-size:100% auto; height:50%;} .coationArea img {max-width:795px; width:65%;} .txtArea {margin-top:45px;} .coatArea dt {font-size:16px; font-family:'dm';} .coatArea dd {font-size:14px; color:#888;} .coatArea2 dt {font-size:20px; font-family:'dm';color:#000; margin-bottom:20px;} .coatArea2 dd {font-size:14px; color:#888;} .coatArea img {width:100%;} .coatArea2 dl {width:95%} .coatArea2 img {width:80%;} .btmGreen {background:#f3fdf5; padding-top:35px; margin-top:35px; text-align:center;} .btmGreen .contentTit {padding-top:0px; margin-bottom:0;padding-bottom:0px;} .contentTit2 {font-size:25px; font-family:'dm'; } .rdstep{width:calc(100% - 10%);} .rdstep > div {position:relative; margin:10px 0 0px 10px; padding:0 40px 0 10px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 280px center;} .rdstep > div.last {background:none;} .rdstep > div dl {color:#fff; background:#444; padding-top:20px; width:250px; height:328px;} .rdstep > div dt {font-size:20px; font-family:'dm';} .rdstep > div dt span {font-size:24px; font-family:'dm';display:block;} .rdstep .popBtn {position:absolute; bottom:16px; left:10px;width:250px; padding:0;background:#444; background:none; height:167px;} .rdstep .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 248px; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;transition:inherit;} .rdstep .step01 dl{background: url(../images/content/rd/rd_step01.jpg) no-repeat left top;} .rdstep .step02 dl{background: url(../images/content/rd/rd_step02.jpg) no-repeat left top;} .rdstep .step03 dl{background: url(../images/content/rd/rd_step03.jpg) no-repeat left top;} .rdstep .step04 dl{background: url(../images/content/rd/rd_step04.jpg) no-repeat left top;} .rdstep .step05 dl{background: url(../images/content/rd/rd_step05.jpg) no-repeat left top;} .rdstep .step06 dl{background: url(../images/content/rd/rd_step06.jpg) no-repeat left top;} .rdstep .step07 dl{background: url(../images/content/rd/rd_step07.jpg) no-repeat left top;} .rdstep .last dl{background: url(../images/content/rd/rd_step08.jpg) no-repeat left top;} .rdmov { background: url(../images/content/rd/bg_rdmov.gif) repeat-x left bottom;} .rdmov iframe {margin-top:45px;width:90%; height:326px; margin-bottom:30px;} .rdcentert img {width:100%; height:auto;} .contentTit + .rdstep2{padding-left:20px;} .rdstep2 > div {position:relative; width: 50%; float:left; margin:30px 0 0px 0px; padding:0 0 0 10px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat right 10px center;} .rdstep2 > div.last {background:none;} .rdstep2 > div.last.right {float:left !important; margin-bottom:80px;} .rdstep2 > div dl {color:#fff; background:#444; padding:170px 0 0; margin:0; width:85%; height:293px;} .rdstep2 > div dt {padding-top:10px;margin-top:0px;font-size:20px; font-family:'dm';background:#234c78;} .rdstep2 > div dd {word-spacing: -4px; line-height:1.2;background:#234c78;} .rdstep2 > div dt span {font-size:24px; font-family:'dm';display:block; line-height:1.2} .rdstep2 .popBtn {position:absolute; top:0px; left:10px;width:82%; padding:0;background:#444; background:none; height:167px;} .rdstep2 .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 100%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center center;transition:inherit;} .rdstep2 .step01 {margin-left:0px;} .rdstep2 .step01 dl{background: url(../images/content/rd/rd_step01_1.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step02 dl{background: url(../images/content/rd/rd_step01_2.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step03 dl{background: url(../images/content/rd/rd_step01_3.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step04 div{width:100%;text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_4.jpg) no-repeat center center;} .rdstep2 .step05 dl{background: url(../images/content/rd/rd_step01_5.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step06 div{width:100%;text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_6.jpg) no-repeat center center;} .rdstep2 .step07 dl{background: url(../images/content/rd/rd_step01_7.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step08 div{width:100%;text-indent:-9999px;height:283px !important;background: url(../images/content/rd/rd_step01_8.jpg) no-repeat center center;} .rdstep2 .last dl {background: url(../images/content/rd/rd_step01_9.jpg) no-repeat left top;background-size:100%;} .col.s12 + .rdstep2{width:100%;padding-left:20px;} .col.s12 + .rdstep2 .right.last{padding-left:30px;padding-right:40px;} .col.s12 + .rdstep2 .right dl{width:90%;} .col.s12 + .rdstep2 .right.qcmark{width:45%;} .rdstep2 .right {padding:0 10px 0 28px; background:url(../images/content/rd/bt_stepNext2.png) no-repeat 10px center; margin-bottom:0px;} .rdstep2 .qcmark {height:293px !important; } .rdstep2 > div > div > p {margin:0;} .rdstep2 .right .popBtn{left:45px;width:76%;} .rdstep2 .right.last .popBtn{left:30px;width:73%;} .aboutH {position:relative;padding-top:60px;} .tabLeft {position:absolute; left:0;top:0;} .tabLeft .tabst1{height:78px;} .tabLeft .tab {left:0; text-align:left;} .tabLeft .tabs.tabs1 {display:block; text-align:left; max-width:174px; height:230px; height:76px !important;margin:-50px 0 0; overflow:visible} .tabLeft .tabs li { height:76px !important; border-bottom:1px solid #dfdfdf} .tabLeft .tabs li a {font-size:18px; color: #000; line-height:1.3; background:#fff !important; height:76px !important;padding-top:15px;width:100%; border-bottom:1px solid #dfdfdf} .tabLeft .tabs li :first-child a {background:#fff !important; background-image:none;} .tabLeft .tabst1 .tab1:first-child a.active, .tabLeft .tabst1 .tab1:first-child a:hover, .tabLeft .tabs li a.active , .tabLeft .tabs li a:hover{background:#32508d !important; border-bottom:1px solid #32508d} .historytree .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .historytree dt {font-size:22px; color:#000; font-family:'dm';} .historytree dd {font-size:14px; color:#666} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {line-height:1.3} .imgAlign dl {height:80px; line-height:1.3; padding-top:10px;margin:0;} .imgAlign dt {font-size:16px; color:#000;} .imgAlign dd {font-size:14px; color:#666;} .nobg {background:none !important;} ul.historym {border-top:1px solid #707273;border-bottom:1px solid #707273;} ul.historym > li {min-height:80px; margin:0; padding:0;} ul.historym dl {display:table; width:100%; min-height:140px; vertical-align:middle; margin:0;} ul.historym dl dt {display:table-cell; float:left; margin:0;width:20%; min-height:130px; padding-top:20px; font-size:53px; color:#a7b1c1; border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd {display:table-cell; float:right; width:77%; min-height:130px; padding-top:30px;border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd li span.month {display:inline-block; width:30px; margin-right:20px;text-align:right;} ul.historym .last dt,ul.historym .last dd {border-bottom:0;} /* 통합검색 */ .total {border-top:1px solid #d0d0d0;} .total .inputsrh {width:600px;margin:0 auto;} .total .input { width: 594px; display: inline-block; vertical-align:middle;} .total .input input { vertical-align: top; font-size: 16px; width: 490px; height: 40px; color: #fff; padding-left: 20px; line-height: 40px; background: #8f8f8f;} .total .input label {visibility:visible; text-indent:-99999px;display:none;} .total .input input::placeholder {color:#fff;} .total .input input::-webkit-input-placeholder { color: #fff;} .total .input input:-moz-placeholder { /* Firefox 18- */ color: #fff;} .total .input input::-moz-placeholder { /* Firefox 19+ */ color: #fff;} .total .input input:-ms-input-placeholder { color: #fff;} .total .btn_search { display: inline-block; /* margin-top: 20px; */ margin-left: -70px !important; margin-left: 5px; vertical-align: middle; width: 40px; height: 40px; text-indent: -9999px; background: url(../images/btnInc/btn_search.jpg) no-repeat 0 0;} .lst_type{width:100%;padding:10px;list-style:none} .lst_type li{clear:both;_height:0;margin-bottom:20px;padding-bottom:20px;_font-size:0; border-bottom:1px solid #e9e9e9; } .lst_type2{overflow:hidden;background-color:#fff;font-size:14px} .lst_type2 dt{padding:5px 0;font-size:16px; color:#000; text-decoration:underline;} .lst_type2 dt.tit{margin-left:194px} .lst_type2 dd.photo{display:inline;float:left;width:168px; height:113px;margin:-30px 25px 0 0;border:1px solid #e3e3e3;color:#fff;text-align:center} .lst_type2 dd a {line-height:18px; color:#888888;} .lst_type2 dd img{border:none} .lst_type2 a{text-decoration:none; display:block;} .lst_type3 li {float:left; width:32%; margin:0 0.6%;} .lst_type3 li:nth-child(3n+1) {clear:both;} .lst_type3 li a img{border:1px solid #e3e3e3;width:100%;} .more {width:100%; } .more a{display:block; height:39px; line-height:39px; text-align:center; font-size:16px; font-family:'dm'; color:#666; background:#e9e9e9 ; } .more a span {padding-right:20px; background:#e9e9e9 url('../images/btnInc/btn_srhlistMore.png') no-repeat right center;} .totalSrh .container {margin-top:60px;} .totalSrh .container h3 {font-size:25px; color:#000;margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #e9e9e9; } .totalSrh .container h3 span.stxt {font-size:18px;} .totalSrh .container h3 span.stxt .totalSrh .container ul {border-top:1px solid #e9e9e9; margin:0; padding:20px 0;} .totalSrh .container dl {margin:0;} .fancybox-inner{height:500px !important;} } @media only screen and (min-width: 800px) { .listTbl{display:none;} } @media only screen and (max-width: 800px) { .listTbl{display:block;} } /* 모바일 */ @media only screen and (max-width: 640px) { .listTbl.ir-data{display:none !important;} .listTbl{display:block;} .fancybox-inner{height:300px !important;} html {font-size:11px;} .fs14 {font-size:11px !important; line-height:16px;} .db{display:block;} .db.telbox{display:inline} #email{width:50% !important;} /* 메인 */ .adTopWrap {display:none;background:url('../images/common/topBrnEng.jpg') no-repeat center top; height:85px;/* background-size:cover; */background-color:#333749;font-family:o_dm;} .adTop {position:relative;text-align:right; padding-right:50px;} .adTop p {display:inline-block; line-height:85px; height:85px; padding-right:80px;} .btnBnrCls {position:absolute; top:30px; right:0;display:inline-block;width:28px; height:28px; background:url('../images/btnInc/btn_clstop.png') no-repeat center center; font-size:0; text-indent:-99999px;} .btnAdGo {display:inline-block;font-size:13px; color:#fff; background:#3a71a2; border-radius:14px;line-height:28px; height:28px; padding:0 12px;} /* 메인 */ .square-box{ position: relative; width: 50%; overflow: hidden;} .square-box:before{ content: ""; display: block; padding-top: 100%;} .square-content{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .square-content div { display: table; width: 100%; height: 100%;} #cellMain p, #cellMain ul, #cellMain dl {margin:0;} #cellMain .container {padding:0; margin:0;} .bgMgray {background:url('../images/main/bg_gray.gif') repeat-x center top;} .slidemain {margin:0} .slidemain li {position:relative;} .slidemain li p{margin:0;} .slidemain li p.img, .slidemain li p img {width:101%; height:100%;} .slidemain li dl.text {position:absolute;bottom:4px; right:0; width:50%; min-height:50%;padding:24px 15px; color:#fff; margin:0;background:rgba(23,68,115,0.8)} .slidemain li dl.text dt span{font-size:10px; color:#fff;} .slidemain li dl.text dt a{font-size:18px; color:#fff; line-height:1.2; } .slidemain li dl.text dd {margin-top:15px;margin-bottom:30px;} .slidemain li dl.text dd a {font-size:12px; color:#fff;} .main_rolling2 {position:relative;width:100%; height:auto; margin-bottom: -6px;} .main_rolling2 img {width:100%; height:auto;} .gird-item {float:left;display:block; width:50%; min-height:320px; max-height:320px;} .gird-item img {width:101%; height:auto; overflow:hidden;} .imgR {float:right !important;} .rndimg img{float:none;vertical-align:top;} .gird-tit {display:block;font-size:16px; color:#123e67; text-align:center; font-family:'dm';padding-top:54%;margin-bottom: 10px;} .gird-txt {display:block;font-size:12px; color:#344a76; text-align:center;} .grid-list {padding-top:0;} .grid-list > div { padding:23px 33px; color:#fff;} .grid-list div dt {font-size:22px; font-family:'dm'; margin-bottom:15px;} .grid-list div.m_press dt {margin-bottom:10px !important;} .grid-list div dd a{color:#fff; font-size:12px; line-height:1.5;} .m_investor dd a{color:#fff; font-size:12px; line-height:2;} .grid-list .btnMoreW {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreW.png') no-repeat 0 0; } .grid-list .btnMoreB {position:absolute; top:20px; right:24px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreB.png') no-repeat 0 0; } .m_gallery dt, .m_press dt{color:#075a8d; font-size:24px;} .m_press dd.press-tit {margin-bottom:10px;} .m_press dd.press-tit a{color:#000; font-size:14px;} .m_press dd.press-txt a, .m_gallery dd a{color:#666 !important; font-size:12px;} .grid-list .m_gallery dd a, .grid-list .m_investor dd a{line-height:2 !important;} .bgWhite {background:#fff} .bgblue {background:#174473;} .bgorange {background:#f18101;} .bgGray {background:#f2f2f2} .bgmovie {color:#fff;text-align:center; background:url('../images/main/bgmovie.jpg') no-repeat center center; background-size:cover;} .bgmovie p {width:100%; height:100%;} .bgmovie a {display:block; width:100%; padding-top:50px;height:100%;color:#fff; font-size:16px; text-align:center;background:none;} .icon1 {width:100%; height:100%;background:url('../images/main/iconRd.png') no-repeat center 30%;} .icon2 {width:100%; height:100%;background:url('../images/main/icon2.png') no-repeat center 30%;} .icon3 {width:100%; height:100%;background:url('../images/main/icon3.png') no-repeat center 30%;} .icon8 {width:100%; height:100%;background:url('../images/main/icon8.png') no-repeat center 30%;} .gird-item p a {display:block;width:100%; height:100%;} .bgblue .gird-tit {padding-top:52px; font-size:16px; line-height:1; margin-bottom:0;} .bgblue .gird-txt { text-align:center; font-size:55px; color:#fff; line-height: 1;} .bgblue .gird-txt span { border-bottom:1px solid #fff;padding-bottom:10px;} .bgblue .gird-txt2 {display:block; font-size:14px; color:#a7b2c1; text-align:center;margin:20px 0;} .bgblue .gird-txt2 .up {width:12px; height:10px; margin-right:2px;background:url('../images/main/iconUp.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 .down {width:12px; height:10px;margin-right:2px;background:url('../images/main/iconDown.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 em {font-style:normal; vertical-align:middle;} .main_rolling2 .bx-pager {margin-left:28px;} .main_rolling2 .bx-pager-item {float:left; line-height:10px;} .main_rolling2 .bx-pager .bx-pager-link {width:6px; height:6px; background:#d0d0d0; border-radius:100%; text-indent:-99999px;font-size: 0;display: block; margin:2px 3px;} .main_rolling2 .bx-pager .bx-pager-link.active {width:10px; height:10px;margin:0 3px;} .main_rolling2 .bx-start {float:left;margin-top:-2px;width:12px; height:12px; background:url('../images/main/btn_play.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-stop {float:left;margin-top:-2px;width:12px; height:12px;background:url('../images/main/btn_stop.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-controls {width:50%; position:absolute;bottom:34px; right:0; z-index:100;} .main_rolling2 .bx-controls-auto {float: right;text-align:right; height:10px; width:35px; margin-right:28px;} .main_rolling2 .bx-controls-auto-item {float: left;margin:0 3px; width:10px;} nav {height:47px;} nav .brand-logo { height: 47px; line-height: 47px; padding: 0px 0 0px 0px;} :root .brand-logo {margin-left:-70px\9; /*height:100%;*/} nav ul a {height: 38px;line-height: 38px; font-size:13px; padding: 0 0.2rem;} nav ul a:hover, nav ul a.active {color:#fff !important;} nav ul a.icon img {width:88%;} .search{ width:40px;display:inline-block;padding:10px 10px ;margin:2px 0 0 3px; height: 40px;line-height: 40px;text-indent:-9999px; background:url('../images/common/serch_btn.gif') no-repeat center center; background-size:20px auto;} .allmenu {width:40px;display:inline-block;padding:10px 10px ;margin:3px 3px 0 0; height:40px;line-height: 40px;text-indent:-9999px; background:url('../images/common/all_btn.gif') no-repeat center center; background-size:20px auto;} .allmenu.active {background:url('../images/common/cls_btn.gif') no-repeat center center; background-size:36px auto;} .container {padding:0 12px; clear: both;} .history.container {padding:0px;} nav .brand-logo {padding:3px 0 10px 10px} nav .brand-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .brand-logo img {width:10rem;} /* header 메뉴 */ nav .input-field {margin-top:5px; margin-left:5% !important;background:#fff; height:34px; width:80% !important;border:1px solid #c6c6c6; color:#666666; font-size:16px; } nav .input-field label {display:none} nav .input-field input { vertical-align:top; font-size: 16px; width: 70% !important; height: 100%; color:#666666; padding-left: 20px;; line-height:38px; background:#fff;} nav .nav_search {display:inline-block; margin-top:2px; margin-left:5px; vertical-align:middle; width:40px; height:34px; text-indent:-9999px; background:url('../images/btnInc/btn_search.png') no-repeat 0 0;} nav .search_cls {position:absolute; top:0; right:30px;display:inline-block; margin-top:20px; margin-left:30px;text-indent:-9999px; width:25px; height:25px;background:url('../images/btnInc/search_cls.png') no-repeat right center;} .treedotR {margin:0 -9px 0 0;line-height: 20px; background:url('../images/common/treedot.jpg') no-repeat right 0px; margin-top:0px; text-align:right !important;padding-top: 0px;} .treedotL {margin:0 0 0 -9px;background:url('../images/common/treedot.jpg') no-repeat left 0px;margin-top:0px; text-align:left !important;padding-top: 0px;} .one_respan .treedotR {margin:25px 0 50px;background:url('../images/common/treedot.jpg') no-repeat 50% 0px; } .one_respan .treedotL {margin:50px 0 25px;background:url('../images/common/treedot.jpg') no-repeat 50% 0px;} /* skip */ .skip , .adTop p{margin:0;} .skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;} .skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #0b50a1; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:100;} .fs22 {font-size: 12px !important;} .pr40 {padding-right:24px !important;} .pl40 {padding-left:24px !important;} #index-banner {position:relative;background:url('../images/content/img_Msub01.jpg') no-repeat center top; background-size:cover; height:240px !important;} #index-banner.ir {position:relative;background:url('../images/content/img_sub02.jpg') no-repeat center top;background-size:cover; height:284px !important;} #index-banner3 {position:relative;background:url('../images/content/img_sub03.jpg') no-repeat center top;background-size:cover; height:284px !important;} #index-banner4 {position:relative; background:url('../images/content/img_sub04.jpg') no-repeat center top;background-size:cover; height:284px !important;} #index-banner5 {position:relative;background:url('../images/content/img_sub05.jpg') no-repeat center top;background-size:cover; height:284px !important;} #index-banner6 {position:relative; background:url('../images/content/img_sub06.jpg') no-repeat center top;background-size:cover; height:284px !important;} /* 서브 비주얼 */ #index-banner {position:relative;background:url('../images/content/img_sub01.jpg') no-repeat center top;height:284px !important;background-size:cover; } #index-banner.ir {position:relative;background:url('../images/content/img_sub02.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner3 {position:relative;background:url('../images/content/img_sub03.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner4 {position:relative;background:url('../images/content/img_sub04.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner5 {position:relative;background:url('../images/content/img_sub05.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner6 {position:relative;background:url('../images/content/img_sub06.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0101{position:relative;background:url('../images/content/img_sub01_1.jpg') no-repeat left center; height:324px !important;background-size:cover; } #index-banner0102{position:relative;background:url('../images/content/img_sub01_2.jpg') no-repeat center center; height:324px !important;background-size:cover; } #index-banner0103{position:relative;background:url('../images/content/img_sub01_3.jpg') no-repeat left center; height:324px !important;background-size:cover; } #index-banner0104{position:relative;background:url('../images/content/img_sub01_4.jpg') no-repeat center center; height:324px !important;background-size:cover; } #index-banner0105{position:relative;background:url('../images/content/img_sub01_5.jpg') no-repeat center center; height:324px !important;background-size:cover; } #index-banner0201 {position:relative;background:url('../images/content/img_sub02_1.jpg') no-repeat center center; height:284px !important;background-size:cover; } #index-banner0202 {position:relative;background:url('../images/content/img_sub02_2.jpg') no-repeat center center; height:284px !important;background-size:cover; } #index-banner0203 {position:relative;background:url('../images/content/img_sub02_3.jpg') no-repeat center center; height:284px !important;background-size:cover; } #index-banner0204 {position:relative;background:url('../images/content/img_sub02_4.jpg') no-repeat left center; height:284px !important;background-size:cover; } #index-banner0301 {position:relative;background:url('../images/content/img_sub03_1.jpg') no-repeat center center; height:244px !important;background-size:cover; } #index-banner0302 {position:relative;background:url('../images/content/img_sub03_2.jpg') no-repeat left center; height:244px !important;background-size:cover; } #index-banner0400{position:relative;background:url('../images/content/img_sub04_0.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0401{position:relative;background:url('../images/content/img_sub04_1.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0402{position:relative;background:url('../images/content/img_sub04_2.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0403{position:relative;background:url('../images/content/img_sub04_3.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0404{position:relative;background:url('../images/content/img_sub04_4.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0405{position:relative;background:url('../images/content/img_sub04_5.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0501 {position:relative;background:url('../images/content/img_sub05_1.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0502 {position:relative;background:url('../images/content/img_sub05_2.jpg') no-repeat center top; height:284px !important;;background-size:cover; } #index-banner0503 {position:relative;background:url('../images/content/img_sub05_3.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0504 {position:relative;background:url('../images/content/img_sub05_4.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0601 {position:relative;background:url('../images/content/img_sub06_1.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0602 {position:relative;background:url('../images/content/img_sub06_2.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0701 {position:relative;background:url('../images/content/img_sub07_1.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner0702 {position:relative;background:url('../images/content/img_sub07_2.jpg') no-repeat center top; height:284px !important;background-size:cover; } #index-banner08 {position:relative;background:url('../images/content/img_sub08.jpg') no-repeat center top;height:284px !important;background-size:cover; } #index-banner .container {/* position:relative; */} #index-banner .container:after {content:''; clear:both; display:block;} h2.header.toptxt , .mobile.toplink{display: none !important;} h2.header.toptxt.mobile {display: block !important; margin:0; text-align: center; padding:40px 0 ;} h2.header.toptxt.mobile img {height:114px !important;} .mobile.toplink {margin-left:-12px; margin-right:-12px; margin-top:37px; } .mobile.toplink {position:absolute; bottom:0; width:100%;} .mobile.toplink a {display:block; width:50%; height:40px; line-height:40px; font-size:12px; color:#666666; text-align:center; background-color:#fff;border-bottom:1px solid #dedede;border-right:1px solid #dedede;} .mobile.toplink a.on {background-color:#13456f; color:#fff;border-bottom:1px solid #13456f;} div.path {width:100%;height:50px !important; line-height:50px; clear: both;} div.path:after {content:''; display:block; clear:both;} div.path .nav-wrapper {display:block; width:100%; height: 100%;} div.path .nav-wrapper.right {float:none !important;} div.path .text-right.right {text-align:center !important;float:none !important;} /* 여백 */ .mt50 {margin-top:20px !important;} /* 타이틀 */ .visual_tit {margin-top:0;padding-top: 40px;float: none; text-align:center; margin-left: 0px; color:#fff; width:100%;} .visual_tit p, .visual_tit h2 {margin:0;} .visual_tit h2 { font-family:'dm'; font-size:30px;padding-bottom:15px; margin-bottom:15px; background:url('../images/common/bg_tit.png') no-repeat center bottom;} .visual_tit span {display:block; font-size:12px; font-family:'dm'; line-height:12px; margin-bottom:12px;} .visual_tit p {font-size:12px} .contentTit {margin-bottom:15px;} .contentTit.twodep{margin-top:60px;} .contentTit h2{margin:0; font-size:21px; color:#164e88; padding-bottom:13px; margin-bottom:13px; font-family:'dm'; background:url('../images/common/bg_contentTit.gif') no-repeat center bottom;} .contentTit h2 span {margin:0; font-size:18px; color:#000; margin-bottom:0px; font-family:'dm';} .contentTit p{margin:0;font-size:15px; color:#000; } .bglineH {padding-top:40px; font-size:18px; color:#174473; font-family:'dm'; background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 35px !important;} .bglineHL {padding-top:40px; background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 35px !important;} .nolineH {padding-top:0px; font-size:18px; padding-bottom:10px;color:#174473; font-family:'dm';background: none !important;} h2.header.center img{height:100px;} .prg h2.header.center img{height:130px;} .pcTnav {display:none !important} .sw100 {width:100% !important;} .tabs { max-width:100%;} .tabst1 { max-width:100%;} .tabs .tab a {font-size:12px; padding: 0 8px;} .pressTbl{display:none !important;} .listTbl {border-top:1px solid #e9e9e9;} .listTbl li {border-bottom:1px solid #e9e9e9; padding:15px 20px 0px;} .listTbl li dl { padding:0;} .listTbl li dt { } .listTbl li dt a{color:#000000; font-size:14px; line-height:18px; margin-bottom:5px;max-height:19px; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .listTbl li dt span.num {display:inline-block; color:#666666; font-size:13px; width:25px;} .listTbl li dd {margin:0;color:#767676; font-size:12px; line-height:18px; margin-bottom:15px; padding:0; max-height:44px;display:block; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis} .listTbl li dd span {display:inline-block;color:#888; width:130px;} nav .fullmenu {position:absolute; top:47px !important; left:0% !important; width:100% !important;} nav .fullmenu .container {margin:0 auto; max-width:640px;} .toplink{display: none !important;} .mt59 {margin-top:59px !important;} .mobile.toplink{display: block !important; background:#fff;} .mobile.toplink.oneline a {margin-top:0px !important;} .mobile.toplink:after{content:''; display:block; clear:both;} .scrollTop {display:none !important;width:100%; height:33px; line-height:33px; border-bottom:1px solid #e5e5e5;z-index:1000;} .scrollTop .history ul{margin:0;} .scrollTop .history ul.dropdown-content {margin-top:33px; min-width:33%; max-height:160;} .scrollTop .history li {float:left; border-right:1px solid #e5e5e5; width:33.33% } .scrollTop .history > ul > li > a {display:block; text-align:left; width:100%;padding:0 1rem 0 1rem; font-size:10px; color:#666666; background:url('../images/common/bul_scrollTopM1.png') no-repeat 90% center;} .scrollTop .history > ul > li > a.on, .scrollTop .history > ul > li > a:hover, .scrollTop .history > ul > li > a:active, .scrollTop .dep2 > a, .scrollTop .history > ul > li > a.active{color:#f18101;background:url('../images/common/bul_scrollTopM2.png') no-repeat 90% center;} .scrollTop .history li.home {width:33%; height:33px; line-height:33px;text-align:left; padding:0 0 0 0.6rem; } .scrollTop .history li.home img {height:25px;} .scrollTop .history li.home a, .scrollTop .history li.home a:hover, .scrollTop .history li.home a:active {padding:0; background:none;} .scrollTop .history li.home img { padding:5px 0 0 0;} .scrollTop .history li ul li{min-height:32px; border:none;width: 100%;} .scrollTop .history li li a {display:block; padding:0 0px 0 25px; font-size:10px !important; color:#666666; height:32px; line-height:32px;} .scrollTop .history li li a:hover {color:#f18101 !important; background:#f0f0f0; } .scrollTop .history .right {display:none;} /* paging */ .pagination {padding:25px 0;} .pagination .prev {text-indent:-99999px; width:32px; height:32px;background:url('../images/common/chevron_left.png') no-repeat center center;} .pagination .next {text-indent:-99999px; width:32px; height:32px; background:url('../images/common/chevron_right.png') no-repeat center center;} /* footer */ footer .footer_links, footer .sitemap {padding:0 10px;} footer .footer_links .container{overflow:hidden;} footer .footer_links .util-menu {float:left;padding-left:0%; margin:0;font-size:0;} footer .footer_links .util-menu li {display:inline-block;} footer .footer_links .util-menu li a {display:block; font-size:9px; line-height:28px;} footer .footer_links .util-menu li a:before, footer .footer_links .util-menu li:nth-child(4) a:after {content:'|'; display:inline-block;padding:1px 0.29rem ; color:#5d6e91;} footer .footer_links .util-menu li:first-child a:before, footer .footer_links .util-menu li.right a:before {content:''; padding:1px 0;} footer .footer_links .container {padding-top:2px;} footer .footer_links .container:after {content:''; clear:both; display:block;} footer .footer_links .family {float:right;font-size:9px; padding-right:11px;line-height:28px;background:url('../images/common/btn_bgup.png') no-repeat right center;} footer .sitemap .links {float:none; width:100%; } footer .sitemap h5 {font-size:16px; margin:45px 0 0;} footer .sitemap ul {border-left:1px solid #8e9bb3 ; padding-left:7px;} footer .sitemap ul li a {font-size:13px; letter-spacing:-1px;} footer .drop-content2 {margin-top:58px; height:120px; overflow-y:auto; width:200px !important;} footer #dropdown_f li {line-height:15px;min-height:35px !important;} footer .drop-content2 li a {font-size:13px; color:#000; padding:5px 16px !important;} footer .etc_link ul {border:none; padding-left:0; margin:45px 0 0;} footer .etc_link ul li {line-height:16px;} footer .etc_link ul li a {display:block;font-size:16px; margin-bottom:12px;} footer .sitemap .container.clearfix {display:none !important} footer .sitemap .container.clearfix.mobile {display:block !important; padding:15px 10px;} footer .sitemap .container.clearfix.mobile:after {content:''; display:block; clear:both;} footer .sitemap .container.clearfix.mobile ul {margin:0;} footer .sitemap .container.clearfix.mobile li {float:left; width:49%; border:1px solid #8d9bb1; height:28px; line-height:28px;} footer .sitemap .container.clearfix.mobile li.dep1 {margin-right:5px; padding:0 10px 0 5px; } footer .sitemap .container.clearfix.mobile li > a {display:block; padding:0 10px;width:100%;font-size:10px; color:#fff; background:url('../images/common/bg_go.png') no-repeat 95% center; background-size:auto 30%; text-decoration:none;} footer .sitemap .container.clearfix.mobile li .dropdown-content {width:42% !important; /*margin-left:14px;*/} footer .sitemap .container.clearfix.mobile li .dropdown-content {background-color:#1b3763} footer .sitemap .container.clearfix.mobile li ul.dropdown-content li {width:100%;border:none; min-height:28px; background:none;padding:0px;} footer .sitemap .container.clearfix.mobile li ul.dropdown-content li > a {background:none; padding:0px; line-height:24px;} footer .sitemap .container.clearfix.mobile li.dep1 ul.dropdown-content { margin-left:-11px; border-left:none !important;} footer .sitemap ul.dropdown-content {border-left:none !important;} /* 갤러리 */ .photoItem {} h2.header.center {display:none !important;} h2.header.center.mobile {display:block !important;} .btn_view {background-color:rgba(241,129,1,0.7)} h2.header.center img {width:auto; height:90px;} .galleryviewer {position:relative; width:100%; border:1px solid #d6d6d6; margin-bottom:80px;} .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;} .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:15%; height:46px; text-indent:-99999px; line-height:46px;background:url('../images/content/pr/btn_galleryList.png') no-repeat center center; background-size:50% 50%;vertical-align:middle} .galleryviewer .galleryhead .galleryTit { display:inline-block; width:81%; color:#000; vertical-align:middle; padding:0 10px; font-size:14px; line-height:22px; margin:4px 0 ;} .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .galleryviewer .galleryhead .galleryTit span.date {display:none; color:#888; font-size:14px; margin-top:-30px;} .galleryviewer .galleryhead .galleryTit .ellip {width:95%;} .galleryviewer .galleryhead .sns { display:inline-block;border-top:1px solid #d6d6d6; border-left:none; padding: 0 30%;width:100%; margin:0;background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:46px;} .galleryviewer .galleryContent {padding:10px 10px 40px;} .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .galleryviewer .galleryContent p img {width:100%; height:auto;} .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-29px; margin-left:-87px; width:174px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .galleryviewer .galleryBtn a {display:inline-block;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} .main_rolling {margin-bottom:40px; } .main_rolling .slidegallery {margin:0;} .main_rolling .slidegallery li p.left , .main_rolling .slidegallery li dl.right {width:100%; margin:0; padding:0; overflow:hidden;} .main_rolling .slidegallery li p.left { position: relative; height: 6em; padding-bottom: 60%;} .main_rolling .slidegallery li p.left img { height:auto !important; width:90% !important; text-align:center;} .main_rolling .slidegallery li { border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .main_rolling .slidegallery li a {display:block; margin-top:20px;} .main_rolling .slidegallery li dl.right {padding:3% 7%;} .main_rolling .slidegallery li dd {margin:0; font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dd a { font-size:14px; line-height:20px; color:#888888;} .main_rolling .slidegallery li dt {font-size:22px; color:#000; line-height:1; margin-bottom:16px; font-family:'dm'} .main_rolling .slidegallery li dt span {display:block; font-size:18px; color:#075a8d; margin-bottom:40px;} .main_rolling .slidegallery li dd.date {margin-top:30px;} .bx-wrapper .bx-prev { left: 0px; background:url('../images/btnInc/bx-prev.png') no-repeat center center;width:38px; height:38px;margin-left:0px;} .bx-wrapper .bx-next {right: 0px; width:38px; height:38px; background:url('../images/btnInc/bx-next.png') no-repeat center center;} /*ir*/ .topdown {margin-bottom:30px;} .topdown .container {max-width:600px; padding:40px 0;background: #f2f2f2;} .topdown .container:after {content:''; clear:both; display:block;} .topdown .container .left {width:48.5%;text-align:right; } .topdown .container .right {width:48.5%; text-align:left;} .topdown .container .right dt {font-size:22px; color:#000;} .topdown .container .right dt span {display:block; color:#075a8d;font-size:18px; margin-bottom:24px;} .topdown .container .right dd {margin:0; padding:0;} .topdown .container .right dd a.btn_down { margin:25px auto; display:block; height:50px; border:1px solid #b5b5b5; width:240px; font-size:16px; text-align:left; padding-left:50px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .topdown .container .right dd.arTxt {font-size:14px; color:#666666; line-height:22px;} .topdown .container .right dd.arTxt a {color:#666666 !important;} .topdown .container .left {width:100%;text-align:center; } .topdown .container .right {width:100%; text-align:center;} .pressTbl.thBlack {display:table !important;} .listTbl a.btn_down {margin:10px 0; display:block; height:34px; border:1px solid #b5b5b5; width:170px; font-size:14px; text-align:left; line-height:32px;padding-left:30px;background:url('../images/common/icon_down.png') no-repeat 87% center;} .left.irstock , .right.graph, .bgupline .left, .bgupline .right {float:none !important; width:100% !important;} .graph img {width:100% !important; height:auto;} .graph .bggrey.fix { height: 200px; margin-top: 0;} .graph .bggrey div.left {margin-top:30px;} .bgupline {padding-bottom:00px !important; background-size:1px 30px !important;} .bgupline .left, .bgupline .right {border-top:1px solid #000;} .photoItem {width:100% !important; margin:0 auto; text-align:center !important;} .photoItem img {width:100% !important; height:auto;} .ir li:first-child {border-left:none;} .irstock > dl {height:98px;} .irstock > dl .ircurrent {width:40%;font-size:30px; line-height:40px;margin: 20px 0;} .irstock > dl dt {width:60%; font-size: 14px;padding: 26px 0;} .irstock > dl dt strong, .irstock > dl dt em { font-size: 13px;} .kospi .left dt {font-size:16px;} .kospi .left dd.price {font-size:24px;} span.down, span.up{ display: inline-block; line-height: 40px; height: 40px;} /* 막대그래프 */ .sltArea {width:103%;} .tbl_dec .left , .tbl_dec .right{float:none !important;} .wp45 {width:100% !important;} .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat-y 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4; } .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:-30px;left:0;width:100%;color:#8ba1b9; font-size:20px; } .v_graph span.txt em {font-size:14px; font-style:normal;} .v_graph .last span.txt {color:#f18101} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} /* 검색영역 */ .serchArea {height:100px; margin-bottom:35px; line-height:40px;} .serchArea select, .serchArea span{display:inline-block; width:145px; height:38px;vertical-align:top;border:1px solid #a4a4a4;} .serchArea input{border: none; height: 35px; padding-left: 5px; width: 100px; margin: -9px 0 0; background: none;} .serchArea select {width:100%; margin:5px 0;} .serchArea span {width:38%;} .serchArea span a {text-indent:-9999px;} .serchArea a.btnSlt {display:inline-block; height:40px; background:#f18101; color:#fff; font-size:14px;line-height:38px; width:15%; text-align:center; vertical-align:top;} /* 브랜드소개 */ .con_duolac2 {padding-top:20px;background:url('../images/content/brand/bg_duolac01.jpg') no-repeat center top; height:284px !important;background-size:cover; } .con_duolac2 .contentTit, .con_duolac3 .contentTit{margin-bottom:20px;} .con_duolac .left , .con_duolac .right{float:none; width:100%;} .con_duolac dl dd {margin:0;margin-top:20px !important; padding-bottom:0px; font-size:14px; color:#888888; line-height:21px;} .con_duolac dl.duolac01 dd img, .con_duolac dl.duolac02 dd img{width:100%; height:auto;} .con_duolac dl {margin:0; padding:0;} .con_duolac dl dt {font-family:'dm'; font-size:14px; min-height:25px; color:#000; line-height:24px; } .con_duolac3 .row{background:none } .con_duolac2 .duolac03 {width:90%; margin:0 auto} .con_duolac3 .duolac03 {width:90%;margin:0;margin-top:20px; padding:0;} .duolac03 dt {font-family:'dm'; font-size:14px; min-height:25px; color:#000; line-height:20px;} .duolac03 dd {margin:0; padding-bottom:0px; font-size:12px; color:#000; line-height:18px;} .duolac03.left-align {margin-left:10px; text-align:center !important;} .duolac03.right-align {float:none !important;margin-left:20px;text-align:center !important;} .acl {float:none; margin:0 20px;} .acr{float:none; margin:20px auto 0 !important;} .con_duolac3 p.img {width:50%; margin:0 auto} .con_duolac3 p.img img {width:100%; height:auto;} .con_duolac3 .offset-l6 {} .con_duolac3 dt {font-size:14px; color:#000; line-height:26px;} .con_duolac3 dd {font-size:12px; color:#666666;} .con_duolac4 {padding-bottom:40px;} .con_duolac4 .contentTit {padding-top:40px;} .con_duolac4 p.img {margin:0;} .con_duolac4 p.img img {width:100%; height:auto;} .con_products p img {width:100%; height:auto;} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {margin:0;} .imgAlign li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:0;} .imgAlign li img {width:100%; height:auto;} .popBtn {padding-top:37px; background:url('../images/content/marketing/popBtn.gif') no-repeat center top;} .popBtn a {display:inline-block; font-size:14px; padding: 0; line-height:74px; letter-spacing:0 !important; color:#fff;width:61px; height:61px;background:url('../images/btnInc/btnMore.gif') no-repeat center top;} .onlyone {padding-bottom:50px;} .onlyone .one1 {background:url('../images/content/brand/img_onlyone1.jpg') no-repeat center top; background-size: cover; } .onlyone .one2 {background:url('../images/content/brand/img_onlyone2.jpg') no-repeat center top; background-size: cover;} .onlyone .one3 {background:url('../images/content/brand/img_onlyone3.jpg') no-repeat center top; background-size: cover;} .onlyone .one4 {background:url('../images/content/brand/img_onlyone4.jpg') no-repeat center top; background-size: cover;} .onlyone .one5 {background:url('../images/content/brand/img_onlyone5.jpg') no-repeat center top; background-size: cover;} .onlyone .one6 {background:url('../images/content/brand/img_onlyone6.jpg') no-repeat center top; background-size: cover;} .one-text {width:50%; padding:3% 3%; min-height:160px; max-height:190px;} .one-text p, .one-text ul {margin:0;} .one-text .orange-text {color:#f18101; } .one-text .one-num {font-size:18px; line-height:1;} .one-text .one-tit {font-size:14px; line-height:1.2; padding-bottom:8px} .one-text ul.one-list li{font-size:11px; line-height:1.3; color:#888888;} .one-text p.one-desc {font-size:11px; line-height:1.3; color:#888888;} .one1{padding-top:50%;padding-left:50%; width:100%;} .one6{padding-top:45%;width:100%; height:100%;} .one1 .one-text {width:100%; height:100%; background:rgba(23,68,115,0.9)} .one6 .one-text {height:100%; background:rgba(23,68,115,0.9)} .one2 .one-text { padding:2.5% 2.5%} .one5 .one-text {width:100%; padding:7% 2.5%} .one3 .one-text {margin-left:50%;} .onestop .row .col.s12{text-align:center !important;} .onestop .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .onestop .pl40{padding-left:24px !important;} .onestop img {width:100%; height:auto;padding-left:0px !important;/*padding-right:0 !important;*/} .onestop img.full-img{max-width:455px;} .onestop img.full-img,.onestop .pl40.full-img{padding-left:0 !important;padding-right:0 !important;} .onestop .sec img{margin-top:20px;} .onestop dl {margin-top:40px; text-align:center !important; padding:20px 0 0 !important;} .onestop dt {font-size:16px; color:#000;} .onestop dd {font-size:12px; color:#666;} .rdcentert img {width:100%; height:auto;} /* 인재상 */ .promo {padding-bottom:80px;} .promo img{width:90%} .careers {padding-top:40px;background:url('../images/content/careers/bg_careers.jpg') no-repeat center top; height:630px;background-size:cover; } .careerTbl {padding-top:40px;padding-bottom:50px;} .careerTbl .contentTit p, .careers .contentTit h2{padding-top:0px;background:none; } .careers .btnArea {width:100%;} .careers .btnArea a {margin:0; display:inline-block;width:48%; min-height:40px; border:1px solid #b5b5b5; padding:8px 50px 7px 20px;font-size:14px; text-align:center; /*line-height:40px;*/ background:url('../images/common/icon_down.png') no-repeat 87% center;} .step {text-align:center; margin:0 auto; width:100%; line-height:16px;} .careers .contentTit, .careerTbl .contentTit {margin-bottom:30px !important; background:none;} .step ol {margin:0 20px 40px; padding:0;} .step ol li {list-style:none; float:left; width:50%; padding-top:70px;padding-right:40px;} .step ol li .step-no, .step ol li .step-text{width:140px;} .step ol li.step1 {background:url('../images/content/careers/icon_step1.png') no-repeat left top; min-height:140px; max-height:200px; height:140px; background-size:auto 100%} .step ol li.step2 {background:url('../images/content/careers/icon_step2.png') no-repeat left top; min-height:140px; max-height:200px; height:140px;background-size:auto 100%} .step ol li.step3 {margin-top:20px;background:url('../images/content/careers/icon_step3.png') no-repeat left top; min-height:140px; max-height:200px;height:140px; background-size:auto 100%} .step ol li.step4 {margin-top:20px;background:url('../images/content/careers/icon_step4.png') no-repeat left top; min-height:140px; max-height:200px;height:140px; background-size:auto 100%} .step-no {font-size:14px; color:#000; font-family:'dm'; margin:0;} .step-text {font-size:16px; color:#000; font-family:'dm'; margin:0;} .step-text span {font-size:10px;margin:0;} /* 기타 */ .center-align.web { padding:0 10px 40px} .webA .contentTit p {font-size:13px; color:#666;} .web {font-size:12px; color:#666; } .web dt {font-family:'dm'; margin-top:20px;color:#000; } dd {margin:0; padding:0;} .web p.tit {font-size:20px; color:#000; margin-top:30px; padding-bottom:15px; border-bottom:1px solid #b2b2b2} .privacy dt {font-size:18px; color:#000; margin:45px 0 22px; } .privacy dd {margin-bottom:20px;} .inquiry {padding:80px 0 100px;} .inquiry h3 {font-size:22px; color:#000; padding-bottom:20px; margin-bottom:23px; border-bottom:2px solid #686868;} .container.w900 {width:90% !important; margin:0 auto;} .container.w900 > div.textBox {padding:0 20px; background: #fff none repeat scroll 0 0; border: 1px solid #d1d1d1; color: #666666; font-size: 14px; color:#888888;font-family:'dm' ;height: 195px; overflow-y: auto; width: 100%;} .vtbl th, .vtbl td {border-bottom:1px solid #dedede;} .vtbl th {background:url('../images/common/bul_th.gif') no-repeat right center;} .vtbl td {padding-left:22px;} .vtbl{table-layout:fixed;} .vtbl .input-field{width:98%;box-sizing:border-box;} .vtbl .file-field .file-path-wrapper{width:calc(100% - 70px);} .vtbl .file-field input.file-path{width:100% !important;height:2.8rem;box-sizing:border-box;} .btmBtns .btn_ok {display:block; background:#174473; color:#fff; height:50px; line-height:50px; width:182px; text-align:center; margin:40px auto;} /* 회사소개 */ .map {margin-bottom:100px;} .map .left { overflow:hidden; text-align:center;} .map .left img {width:auto; height:auto; text-align:center;} .map .left {width:100%;} .map .right {height:340px;width:100%; position:relative;border:1px solid #dfdfdf;} .map .right dl {margin:0; padding:33px 40px; text-align:left; } .map .right dl dt {font-size:30px;color:#000; padding-bottom:28px;background:url('../images/content/about/bg_dt.gif') no-repeat left bottom;} .map .right dl dd {padding-left:27px; padding:10px 0 10px 27px;} .map .right dl dd.iadd {margin-top:20px;background:url('../images/content/about/iadd.gif') no-repeat left 12px;} .map .right dl dd.itel {background:url('../images/content/about/itel.gif') no-repeat left 11px;} .map .right dl dd.ifax {background:url('../images/content/about/ifax.gif') no-repeat left 12px;} .map .right dl dd.iweb {background:url('../images/content/about/iweb.gif') no-repeat left 12px;} .map .right .btnMap {position:absolute; bottom:0; width:100%;border-top:1px solid #dfdfdf;} .map .right .btnMap a{display:inline-block;width:46%; line-height:52px; padding-right:3%; font-size:16px; /*background:url('../images/content/about/bg_btngo.jpg') no-repeat 80% center;*/} .map .right .btnMap a:first-child {border-right:1px solid #dfdfdf} .map .right .btnMap a.a100{width:97%; border-right:0} .map .right .btnMap a.a100{background:url('../images/content/about/bg_btngo.jpg') no-repeat 65% center;} .fs35 {font-size: 21px !important; line-height: 21px; } .full1 {padding-top:30px;background:url('../images/content/about/bg_leader.jpg') no-repeat center center; height:302px; } .full2 {padding-top:40px;background:url('../images/content/about/bg_full1.jpg') no-repeat center top; height:424px; } .full2 img {width:100%;} .full3 {padding-top:80px;background:url('../images/content/about/bg_full2.jpg') no-repeat center top; background-size:100% auto; } .full3 .bgupline{padding-bottom:15px !important;} .leader1 {padding-left:40%;padding-right:8%; background:url('../images/content/about/bg_leader1.jpg') no-repeat 15% center; } .leader2 {padding-left:40%;padding-right:8%; background:url('../images/content/about/bg_leader2.jpg') no-repeat 15% center; } .leader3 {padding-left:40%;padding-right:8%; background:url('../images/content/about/bg_leader3.jpg') no-repeat 15% center; } .leader4 {padding-left:40%;padding-right:8%; background:url('../images/content/about/bg_leader4.jpg') no-repeat 15% center; } #list2 img, #all img {width:auto;max-width:300px;} #list2 li img, #all li img {width:100%;} .leader dt{font-size:20px; color:#000;} .leader dt span {font-size:16px;} .leader dd {font-size:14px; color:#666;} .btnBtm a{display:inline-block; height:50px; margin:0 20px; border:1px solid #b5b5b5; color: #000; font-size:16px; text-align:left;padding:0 55px 0 30px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;} .company {padding-bottom:115px;} .company .btnBtm a:first-child{margin-bottom:10px;} dl.ceo1 { margin:0; padding:20px 0px 0;} dl.ceo2 { margin:0; padding:20px 0px 0;} dl.ceo1 dt, dl.ceo2 dt {font-size:20px; color:#000; font-family:'dm';} dl.ceo1 dd, dl.ceo2 dd {font-size:12px; color:#666; line-height:23px;} .ceoimg1 img, .ciimg img{width:100%;} .bgceo {padding-top:00px;background:url('../images/content/about/bg_ceo.jpg') no-repeat center top; background-size:auto 284px;height:284px; margin-top:40px; } .bgceo .contentTit {text-align:left; margin-top:40px;} .bgceo .contentTit h2{font-family:'dl' !important; font-size:20px !important;} .bgceo .contentTit p {font-size:12px; color:#666;} .ciArea { width:100%; /* border:1px solid #dfdfdf; */ } .ciArea img {width:100%;} .ciArea .btnMap {border-top:1px solid #dfdfdf;} .ciArea .btnMap a{display:inline-block;width:49%; line-height:52px;font-size:12px; padding:0 30px 0 10px; line-height:50px; background:url('../images/common/icon_down.png') no-repeat 87% center;box-sizing:border-box;} .ciArea .btnMap a:first-child {border-right:1px solid #dfdfdf} .textArea p {margin:20px 10px ;} .ci2Area {border:1px solid #dfdfdf;width:100%;} .ci2Area img {width:100%; height:auto;} .mt75 {margin-top:0px !important;} .rdfull1 {padding-top:50px;background:url('../images/content/rd/bg_rd1.jpg') no-repeat center top; height:350px;background-size:auto 350px; } .rdfull1 p {font-size:12px;} .treeImg {padding-top:10px;padding-bottom:20px; text-align:center;} .treeImg .areaImg {width:100%; float:left; margin:0;} .treeImg div {display:inline;width:100%;float:left; margin-top:10px;} .treeImg div.areadesc p {margin:0;text-align:center;} .treeImg div.areadesc .tit {font-size:14px;font-family:'dm'; padding-bottom:5px;text-align:center !important;} .treeImg div.areadesc .subtit {margin-bottom:10px;font-size:13px;font-family:'dm';text-align:center !important;} .treeImg div.areadesc ul {margin:0;font-size:12px;letter-spacing:-0.6px; color:#666666;text-align:left !important;padding-left:9px;text-indent:-9px;} .rdTab .panel {display:block; max-height:600px; width:100%; padding-bottom:40px; margin-bottom:80px; } .rdTab .panel div {display:block; vertical-align:middle;} .rdTab .panel div h3 {font-size:16px; color:#000;text-align:center;} .rdTab .panel div h3 span {font-size:14px; color:#000;} .rdTab .rnd_tit {width:100%; margin:10px 0;} .rdTab .rnd_tit h3 {text-align:center; font-family:'dm';} .rdTab .rnd_txt {width:100%; text-align:left;} .rdTab .rnd_txt ul {padding-top:10px;} .rdTab .rnd_txt dt , .rdTab .rnd_txt ul li{font-size:12px; color:#000; line-height:2;} .rdTab .rnd_txt dt {margin-top: 10px;} .rdTab .rnd_txt dd {font-size:12px; color:#888;} .rdTab .panel .rnd_txt ul , .rdTab .panel .rnd_txt dl {margin:0 ; text-align:left; padding-left:30px; border-left:none;} .rdTab .panel .rnd_img { text-align:center; width:100%; margin:10px 0;} .rdcentert p {font-size:12px;} .gualitybg {background:#174473; height:auto; padding-top:40px; } .gualitybg p {font-size:12px;} .gualitybg .bgupline {padding-bottom:40px !important;} .gualitybg .bgupline > div div {clear:both;} .iconQ1 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q1.png') no-repeat center 0px;} .iconQ2 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q2.png') no-repeat center 7px;} .iconQ3 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q3.png') no-repeat center 8px;} .logoArea, .logoArea2 {border:1px solid #d3d3d3} .logoArea2 {border-top:none; margin-bottom:100px;} .logoArea > div.first , .logoArea2 > div {border-bottom:1px solid #d3d3d3;} .logoArea2 > div.last {border-right:none;border-bottom:none;} p.logo-img {text-align:center;} .logoArea p.logo-img img {width:100%; text-align:center;} .logoArea dl, .logoArea2 dl {padding:0 40px 0px;} .logoArea dl dt, .logoArea2 dl dt {font-size:14px; font-family:'dm';color:#000;} .logoArea dl dd, .logoArea2 dl dd{font-size:12px; font-family:'dm';color:#666666; padding-bottom:10px;} .logoArea dl dt.tit {font-size:16px; color:#000;font-family:'dm';} .coationArea {background:url('../images/content/rd/bg_coationg.jpg') no-repeat center bottom; background-size:auto 204px;height:50%;} .coationArea img {max-width:795px; width:70%;} .txtArea {margin-top:35px;} .coatArea dt {font-size:12px; font-family:'dm';} .coatArea dd {font-size:12px; color:#888;} .coatArea2 dt {font-size:14px; font-family:'dm';color:#000; margin-bottom:20px;} .coatArea2 dd {font-size:12px; color:#888;} .coatArea img {width:100%;} .coatArea2 img {width:70%;} .mb50 {margin-bottom: 25px !important;} .btmGreen {background:#f3fdf5; padding-top:10px; margin-top:35px; text-align:center;} .btmGreen .contentTit {padding-top:0px; margin-bottom:0;} .contentTit2 {font-size:20px; font-family:'dm'; } .rdstep > div {position:relative; width:50%; margin:20px 0 0px 00px; padding:0 ; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 90% center;} .rdstep > div.last {background:none;} .rdstep > div dl {margin:0;color:#fff; background:#444; padding-top:0px; width:80%; height:245px;} .rdstep > div dt {font-size:14px; font-family:'dm'; padding-top:13px} .rdstep > div dt span {font-size:15px; font-family:'dm';display:block;} .rdstep > div dd {font-size:10px;} .rdstep .popBtn {position:absolute; bottom:0; left:0px;width:80%; padding:0;background:#444; background:none; height:205px;} .rdstep .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 100%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center bottom 25%;background-size: 20%;transition:inherit;} .rdstep .step01 dl{background: url(../images/content/rd/rd_step01.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step02 dl{background: url(../images/content/rd/rd_step02.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step03 dl{background: url(../images/content/rd/rd_step03.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step04 dl{background: url(../images/content/rd/rd_step04.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step05 dl{background: url(../images/content/rd/rd_step05.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step06 dl{background: url(../images/content/rd/rd_step06.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .step07 dl{background: url(../images/content/rd/rd_step07.jpg) no-repeat left top;background-size:100% 100%;} .rdstep .last dl{background: url(../images/content/rd/rd_step08.jpg) no-repeat left top;background-size:100% 100%;} .rdmov { background: url(../images/content/rd/bg_rdmov.gif) repeat-x left bottom;} .rdmov iframe {margin-top:50px; width: 90%; height: 231px; margin-bottom:30px;} .rdstep2 > div {margin-bottom: 10px;position:relative; float:left; width:50%; margin:0px 0 10px 0px; padding:0 20px 0 0px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat right 2% top 50%;background-size:5%;} .rdstep2 > div.last {background:none;margin-bottom: 10px;} .rdstep2 > div dl {overflow:hidden;color:#fff; margin-top:17px;background:#444; padding:90px 0 0; margin:0; height:188px;} .rdstep2 > div dt {padding-top:8px;font-size:18px; font-family:'dm';background:#234c78;} .rdstep2 > div dd {padding-bottom:50px;word-spacing: -4px; line-height:1.2;background:#234c78;} .rdstep2 > div dt span {font-size:16px; font-family:'dm';display:block; line-height:1.2} .rdstep2 .popBtn {position:absolute; top:0px; left:0;width:100%; padding:0;background:#444; background:none; height:188px;} .rdstep2 .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 87%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center 20px; background-size:40px;transition:inherit;} .rdstep2 .step01 {margin-left:0px;} .rdstep2 .step01 dl{background:#234c78 url(../images/content/rd/rd_step01_1.jpg) no-repeat left top; margin-bottom:10px; background-size:100%;} .rdstep2 .step02 dl{background:#234c78 url(../images/content/rd/rd_step01_2.jpg) no-repeat left top; margin-bottom:10px; background-size:100%;} .rdstep2 .step03 dl{background:#234c78 url(../images/content/rd/rd_step01_3.jpg) no-repeat left top; background-size:100%;} .rdstep2 .step04 div{width:100%;text-indent:-9999px;height:188px !important;background: url(../images/content/rd/rd_step01_4.jpg) no-repeat center center;background-size:40%;} .rdstep2 .step05, .rdstep2 .step06{margin-top:10px;} .rdstep2 .step05 dl{background:#234c78 url(../images/content/rd/rd_step01_5.jpg) no-repeat left top; background-size:100%;} .rdstep2 .step06 div{text-indent:-9999px;height:188px !important;background: url(../images/content/rd/rd_step01_6.jpg) no-repeat center center;background-size:40%;} .rdstep2 .step07 dl{background:#234c78 url(../images/content/rd/rd_step01_7.jpg) no-repeat left top; background-size:100%;} .rdstep2 .step08 div{margin-bottom: 10px;text-indent:-9999px;height:188px !important;background: url(../images/content/rd/rd_step01_8.jpg) no-repeat center center;background-size:40%;} .rdstep2 .last dl {background:#234c78 url(../images/content/rd/rd_step01_9.jpg) no-repeat left top; background-size:100%;} .rdstep2 .right {padding:0 20px 0 0; background:url(../images/content/rd/bt_stepNext2.png) no-repeat left center;background-size:5%; margin-bottom:10px;} .rdstep2 .qcmark {height:188px !important; } .rdstep2 > div > div > p {margin:0;} .rdstep2 .right .popBtn{left:5px;} .historytree .container {margin-bottom:100px;background:url('../images/common/bg_line.gif') repeat-y center 100px; } .historytree .treedotR {margin:25px 0 !important;background:url('../images/common/treedot.jpg') no-repeat 50% 0px;} .historytree .treedotL {margin:25px 0 !important;background:url('../images/common/treedot.jpg') no-repeat 50% 0px;} .historytree dl {text-align:center !important; padding:0 !important;} .historytree dt {font-size:22px; color:#000; font-family:'dm';padding-top: 30px;} .historytree dd {font-size:14px; color:#666} .imgAlign2 {margin:0;} .imgAlign2 li {float:left;width:50%; height: auto; margin:0; padding:0; line-height:1.2;} .imgAlign2 li dt {font-family:'dm'; margin-top:10px; margin-bottom:5px;} .imgAlign2 img{width:100%;} .imgAlign {line-height:1.3} .imgAlign dl {height:90px; line-height:1.3; padding-top:10px;margin:0;} .imgAlign dt {font-size:16px; color:#000;} .imgAlign dd {font-size:14px; color:#666;} .nobg {background:none !important;} ul.historym {border-top:1px solid #707273;border-bottom:1px solid #707273;} ul.historym > li {min-height:80px; margin:0; padding:0;} ul.historym dl {display:table; width:100%; min-height:140px; vertical-align:middle; margin:0;} ul.historym dl dt {display:table-cell; float:left; margin:0;width:20%; min-height:130px; padding-top:20px; font-size:20px; color:#a7b1c1; border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd {display:table-cell; float:right; width:77%; min-height:130px; padding-top:30px;border-bottom:1px solid #cbced0;vertical-align:top;} ul.historym dl dd li {position:relative;height:20px;} ul.historym dl dd li span.month {position:absolute;left:0;top:0;width:30px; height:100%;margin-right:20px;text-align:right;} ul.historym dl dd li span.month + span{position:absolute;left:50px;top:0;height:100%;} ul.historym .last dt,ul.historym .last dd {border-bottom:0;} /* 통합검색 */ .total {border-top:1px solid #d0d0d0;} .total .inputsrh {width:90%;margin:0 auto;} .total .input { width: 100%; display: inline-block; vertical-align:middle;} .total .input input { vertical-align: top; font-size: 16px; width: 80%; height: 40px; color: #fff; padding-left: 20px; line-height: 40px; background: #8f8f8f;} .total .input label {visibility:visible; text-indent:-99999px; display:none;} .total .input input::placeholder {color:#fff;} .total .input input::-webkit-input-placeholder { color: #fff;} .total .input input:-moz-placeholder { /* Firefox 18- */ color: #fff;} .total .input input::-moz-placeholder { /* Firefox 19+ */ color: #fff;} .total .input input:-ms-input-placeholder { color: #fff;} .total .btn_search { display: inline-block; /* margin-top: 20px; */ margin-left: -70px !important; margin-left: 5px; vertical-align: middle; width: 40px; height: 40px; text-indent: -9999px; background: url(../images/btnInc/btn_search.jpg) no-repeat 0 0;} .lst_type{width:100%;padding:10px;list-style:none} .lst_type li{clear:both;_height:0;margin-bottom:20px;padding-bottom:20px;_font-size:0; border-bottom:1px solid #e9e9e9; } .lst_type2{overflow:hidden;background-color:#fff;font-size:14px} .lst_type2 dt{padding:5px 0;font-size:16px; color:#000; text-decoration:underline;} .lst_type2 dt.tit{margin-left:194px} .lst_type2 dd.photo{display:inline;float:left;width:168px; height:113px;margin:-30px 25px 0 0;border:1px solid #e3e3e3;color:#fff;text-align:center} .lst_type2 dd a {line-height:18px; color:#888888;} .lst_type2 dd img{border:none} .lst_type2 a{text-decoration:none; display:block;} .lst_type3 li {float:left; width:32%; margin:0 0.6%;} .lst_type3 li:nth-child(3n+1) {clear:both;} .lst_type3 li a img{border:1px solid #e3e3e3;width:100%;} .more {width:100%; } .more a{display:block; height:39px; line-height:39px; text-align:center; font-size:16px; font-family:'dm'; color:#666; background:#e9e9e9 ; } .more a span {padding-right:20px; background:#e9e9e9 url('../images/btnInc/btn_srhlistMore.png') no-repeat right center;} .totalSrh .container {margin-top:60px;} .totalSrh .container h3 {font-size:25px; color:#000;margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #e9e9e9; } .totalSrh .container h3 span.stxt {font-size:18px;} .totalSrh .container h3 span.stxt .totalSrh .container ul {border-top:1px solid #e9e9e9; margin:0; padding:20px 0;} .totalSrh .container dl {margin:0;} } @media only screen and (max-width:1050px){ .adTopWrap{display:none;} } @media only screen and (max-width:800px){ .con_products p img {width:100%; height:auto;} .con_products .center-align {width:90%; margin:0 auto;} .con_products .btnDown {display:inline-block; margin:70px auto 90px; font-size:14px; line-height:14px; padding:17px 58px 17px 27px ; border:2px solid #000;background:url('../images/common/icon_down.png') no-repeat 87% center;} .bglineHL {padding-top:40px;background: url('../images/content/ir/bg_upline.png') no-repeat center top !important; background-size:1px 35px !important;} } @media only screen and (min-width: 800px) and (max-width: 1100px) { .bx-wrapper .bx-controls-direction a{top:35% !important;width:38px !important;height:38px !important;} .bx-wrapper .bx-prev {left:20px !important;} .bx-wrapper .bx-next {right:20px !important;} } @media only screen and (min-width: 500px) and (max-width: 800px) { .bx-wrapper .bx-controls-direction a{top:32% !important;width:38px !important;height:38px !important;} .bx-wrapper .bx-prev {left:0px !important;} .bx-wrapper .bx-next {right:0px !important;} } @media only screen and (min-width: 410px) and (max-width: 500px) { .bx-wrapper .bx-controls-direction a{top:32% !important;width:20px !important;height:20px !important;} .bx-wrapper .bx-prev {left:0px !important;} .bx-wrapper .bx-next {right:0px !important;} select.browser-default {display: block; width: 100% !important;} .telSelect.browser-default {display:inline-block;width:40% !important;} } @media only screen and (min-width: 310px) and (max-width: 410px) { .bx-wrapper .bx-controls-direction a{top:27% !important;width:20px !important;height:20px !important;} .bx-wrapper .bx-prev {left:0px !important;} .bx-wrapper .bx-next {right:0px !important;} ul.historym dl dd li.multi {height:40px;} .gird-tit{margin-bottom:0;} } @media only screen and (max-width: 413px) { .db.telbox{display:inline} #email.wide{width:100% !important;} select.browser-default {display: block; width: 100% !important;} .telSelect.browser-default {display:inline-block;width:40% !important;margin-right:0 !important;} .tel-sub{width:27% !important;} /* 메인 */ .adTopWrap {display:none;background:url('../images/common/topBrnEng.jpg') no-repeat center top; height:85px;/* background-size:cover; */background-color:#333749;font-family:o_dm;} .adTop {position:relative;text-align:right; padding-right:50px;} .adTop p {display:inline-block; line-height:85px; height:85px; padding-right:80px;} .btnBnrCls {position:absolute; top:30px; right:0;display:inline-block;width:28px; height:28px; background:url('../images/btnInc/btn_clstop.png') no-repeat center center; font-size:0; text-indent:-99999px;} .btnAdGo {display:inline-block;font-size:13px; color:#fff; background:#3a71a2; border-radius:14px;line-height:28px; height:28px; padding:0 12px;} /* 메인 */ #cellMain p, #cellMain ul, #cellMain dl {margin:0;} #cellMain .container {padding:0; margin:0;} .bgMgray {background:url('../images/main/bg_gray.gif') repeat-x center top;} .slidemain {margin:0} .slidemain li {position:relative;} .slidemain li p{margin:0;} .slidemain li dl.text {position:absolute;/*top:30%;*/bottom:4px; right:0; width:50%;min-height:160px; max-height:160px; padding:10px ; color:#fff; margin:0;background:rgba(23,68,115,0.8)} .slidemain li dl.text dt span{font-size:9px; color:#fff;} .slidemain li dl.text dt a{font-size:15px; color:#fff; line-height:1.2; } .slidemain li dl.text dd {margin-top:10px;} .slidemain li dl.text dd a {font-size:12px; color:#fff;} .main_rolling2 {position:relative;width:100%; height:auto;} .main_rolling2 img {width:100%; height:auto;} .gird-item {float:left;display:block; width:50%; min-height:160px; max-height:160px;height:160px;} .gird-item img {width:100%; height:auto;} .gird-tit {display:block;font-size:14px; color:#123e67; text-align:center; font-family:'dm';padding-top:90px;margin-bottom: 5px;} .gird-txt {display:block;font-size:9px; color:#344a76; text-align:center;} .grid-list {padding-top:0;} .grid-list > div { padding:20px; color:#fff;} .grid-list div dt {font-size:15px; font-family:'dm'; margin-bottom:15px;} .grid-list div.m_press dt {margin-bottom:10px !important;} .grid-list div dd a{color:#fff; font-size:10px; line-height:1.5;} .m_investor dd a{color:#fff; font-size:14px; line-height:2;} .grid-list .btnMoreW {position:absolute; top:20px; right:20px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreW.png') no-repeat 0 0; background-size:15px; } .grid-list .btnMoreB {position:absolute; top:20px; right:20px;; text-indent:-99999px;width:23px; height:23px; background:url('../images/main/btn_moreB.png') no-repeat 0 0; background-size:15px;} .m_gallery dt, .m_press dt{color:#075a8d; font-size:30px;} .m_press dd.press-tit {margin-bottom:10px; line-height:1.2;} .m_press dd.press-tit a{color:#000; font-size:10px; line-height:1.2;} .m_press dd.press-txt a, .m_gallery dd a{color:#666 !important; font-size:9px;} .grid-list .m_gallery dd a, .grid-list .m_investor dd a{line-height:2 !important;} .bgWhite {background:#fff} .bgblue {background:#174473;} .bgorange {background:#f18101;} .bgGray {background:#f2f2f2} .bgmovie {color:#fff;text-align:center; background:url('../images/main/bgmovie.jpg') no-repeat center center; background-size:cover;} .bgmovie p {width:100%; height:100%;} .bgmovie a {display:block; width:100%; padding-top:30px;height:100%;color:#fff; font-size:13px; text-align:center;} .icon1 {width:100%; height:100%;background:url('../images/main/iconRd.png') no-repeat center 30px; background-size:40px auto;} .icon2 {width:100%; height:100%;background:url('../images/main/icon2.png') no-repeat center 30px; background-size:40px auto;} .icon3 {width:100%; height:100%;background:url('../images/main/icon3.png') no-repeat center 30px; background-size:40px auto;} .icon8 {width:100%; height:100%;background:url('../images/main/icon8.png') no-repeat center 30px; background-size:40px auto;} .gird-item p a {display:block;width:100%; height:100%;} .bgblue .gird-tit {padding-top:40px; font-size:8px; line-height:1; margin-bottom:0;} .bgblue .gird-txt { text-align:center; font-size:28px; color:#fff; line-height: 1;} .bgblue .gird-txt span { border-bottom:1px solid #fff;padding-bottom:10px;} .bgblue .gird-txt2 {display:block; font-size:10px; color:#a7b2c1; text-align:center;margin:20px 0;} .bgblue .gird-txt2 .up {width:12px; height:10px; margin-right:2px;background:url('../images/main/iconUp.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 .down {width:12px; height:10px;margin-right:2px;background:url('../images/main/iconDown.gif') no-repeat 0 0; vertical-align:middle;} .bgblue .gird-txt2 em {font-style:normal; vertical-align:middle;} .main_rolling2 .bx-pager {margin-left:28px;} .main_rolling2 .bx-pager-item {float:left; line-height:10px;} .main_rolling2 .bx-pager .bx-pager-link {width:6px; height:6px; background:#d0d0d0; border-radius:100%; text-indent:-99999px;font-size: 0;display: block; margin:2px 3px;} .main_rolling2 .bx-pager .bx-pager-link.active {width:10px; height:10px;margin:0 3px;} .main_rolling2 .bx-start {float:left;margin-top:-2px;width:12px; height:12px; background:url('../images/main/btn_play.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-stop {float:left;margin-top:-2px;width:12px; height:12px;background:url('../images/main/btn_stop.png') no-repeat center center; text-indent:-99999px;font-size: 0;display: block;} .main_rolling2 .bx-controls {width:50%; position:absolute;bottom:10px; right:0; z-index:100;} .main_rolling2 .bx-controls-auto {float: right;text-align:right; height:12px; width:35px; margin-right:28px;} .main_rolling2 .bx-controls-auto-item {float: left;margin:0 3px; width:10px;} footer .footer_links .left li {float:left; padding: 0 0.5rem;} footer .footer_links .left li a:before{padding:1px 1rem;} footer .footer_links .left li:nth-child(4) {padding:0 0.5rem 0 0;} footer .footer_links .left li:nth-child(4) a {padding-left:0;} footer .footer_links .left li:nth-child(4) a:before{padding:1px 0.5rem 1px 0; content:'';} footer .footer_links .left li:nth-child(4) a:after {padding:1px 0 1px 1rem; content:' | ';} footer .footer_links .left li.right {float:left !important;} .left.irstock , .right.graph{float:none !important; width:100% !important;} .graph img {width:100% !important; height:auto;} .photoItem {width:100% !important; margin:0 auto; text-align:center !important;} .photoItem img {width:100% !important; height:auto;} .ir li:first-child {border-left:none;} .irstock > dl {height:98px;} .irstock > dl .ircurrent {width:40%;font-size:30px; line-height:40px;margin: 20px 0;} .irstock > dl dt {width:60%; font-size: 11px;padding: 26px 0 26px 10px;} .irstock > dl dt strong, .irstock > dl dt em { font-size: 10px;} .irstock > dl dt em {width:90px; display: inline-block;} /* 갤러리 */ .btn_view {background-color:rgba(241,129,1,0.7)} h2.header.center img {width:100%; height:auto;} h2.header.center {display:none !important;} h2.header.center.mobile {display:block !important;} .galleryviewer {position:relative; width:100%; border:1px solid #d6d6d6; margin-bottom:80px;} .galleryviewer .galleryhead {border-bottom:1px solid #d6d6d6;} .galleryviewer .galleryhead a.goList { display:inline-block; border-right:1px solid #d6d6d6; width:20%; height:46px; text-indent:-99999px; line-height:46px;background:url('../images/content/pr/btn_galleryList.png') no-repeat center center; background-size:50% 50%;vertical-align:middle} .galleryviewer .galleryhead .galleryTit { display:inline-block; width:76%; color:#000; vertical-align:middle; padding:0 10px; font-size:14px; line-height:22px; margin:4px 0 ;} .galleryviewer .galleryhead .galleryTit span.fblue {display:block; color:#075a8d;} .galleryviewer .galleryhead .galleryTit span.date {display:none; color:#888; font-size:14px; margin-top:-30px;} .galleryviewer .galleryhead .galleryTit .ellip {width:95%;} .galleryviewer .galleryhead .sns { display:inline-block;border-top:1px solid #d6d6d6; border-left:none; padding: 0 30%;width:100%; margin:0;background:url('../images/content/pr/btn_gallerySns.png') no-repeat center center; vertical-align:middle} .galleryviewer .galleryhead .sns li {float:left; width:25%; text-indent:-9999px; height:46px;} .galleryviewer .galleryContent {padding:10px 10px 40px;} .galleryviewer .galleryContent p {text-align:center; margin:0 0 30px;} .galleryviewer .galleryContent p img {width:100%; height:auto;} .galleryviewer .galleryTxt { font-size:14px; line-height:22px;} .galleryviewer .galleryBtn {position:absolute; left:50%; bottom:-29px; margin-left:-87px; width:174px;height:58px; background:url('../images/content/pr/btn_galleryView.png') no-repeat 0 0;} .galleryviewer .galleryBtn a {display:inline-block;width:31.5%; height:100%; text-indent:-9999px; margin:0; padding:0;} /* 막대그래프 */ .wp45 {width:100% !important;} .v_graph{width:100%; padding:20px 0} .v_graph h3 {font-size:24px; color:#000;} .v_graph h3 span {float:right; font-size:14px; color:#888;} .v_graph ul{position:relative; height:296px;margin:;padding:0 0 0 40px;border-bottom:1px solid #000000;font-size:11px;background:url('../images/content/ir/bgGraph.png') no-repeat left 40px} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:12.2%;height:255px;margin:40px 6% 0;text-align:center;white-space:nowrap;background:url('../images/content/ir/bg_vgraph.png') repeat-y 0 0;} .v_graph .g_term{ display: inline-block; position: absolute; bottom: 23px; width: 100%; height: 20px; font-size:16px; margin: 0px -100% 0 0; padding: 255px 0 0; font-weight: bold; color: #fff; line-height: 20px; left: 0; vertical-align: bottom; z-index: 4; } .v_graph .g_bar{display:inline-block;position:absolute; bottom:0; left:0;width:100%;margin:-1px 0 0 0;border-top:10px solid #6f8194;border-bottom:0;background:#8ba1b9;vertical-align:bottom; z-index: 3;} .v_graph span.txt{position:absolute;top:-30px;left:0;width:100%;color:#8ba1b9; font-size:20px; } .v_graph span.txt em {font-size:14px; font-style:normal;} .v_graph .last span.txt {color:#f18101} .v_graph .last .g_bar {background:#f18101;border-top:10px solid #c16701;} /* 검색영역 */ .serchArea {height:100px; margin-bottom:35px; line-height:40px;} .serchArea select, .serchArea span{display:inline-block; height:38px;vertical-align:top;border:1px solid #a4a4a4;} .serchArea input{border:none;height:38px; padding-left:5px; width:100px;} .serchArea select {width:100%; margin:5px 0;} .serchArea span {width:35%;} .serchArea span a {text-indent:-9999px;} .serchArea a.btnSlt {display:inline-block; height:40px; background:#f18101; color:#fff; font-size:14px;line-height:38px; width:15%; text-align:center; vertical-align:top;} /* 인재상 */ .promo {padding-bottom:40px;} .step ol {margin:0 10px 40px; padding:0;} .step ol li {list-style:none; float:left; width:50%; padding-top:70px;padding-right:40px;} .step ol li.step1 {background:url('../images/content/careers/icon_step1.png') no-repeat left top; min-height:140px; max-height:200px; height:140px; background-size:auto 100%} .step ol li.step2 {background:url('../images/content/careers/icon_step2.png') no-repeat left top; min-height:140px; max-height:200px; height:140px;background-size:auto 100%} .step ol li.step3 {margin-top:20px;background:url('../images/content/careers/icon_step3.png') no-repeat left top; min-height:140px; max-height:200px;height:140px; background-size:auto 100%} .step ol li.step4 {margin-top:20px;background:url('../images/content/careers/icon_step4.png') no-repeat left top; min-height:140px; max-height:200px;height:140px; background-size:auto 100%} .step-no {font-size:14px; color:#000; font-family:'dm'; margin:0;} .step-text {font-size:16px; color:#000; font-family:'dm'; margin:0;} .step-text span {font-size:10px;margin:0;} /* 브랜드 */ .onlyone {padding-bottom:30px;} .onlyone .one1 {background:url('../images/content/brand/img_onlyone1.jpg') no-repeat center top; background-size:100% auto; } .onlyone .one2 {background:url('../images/content/brand/img_onlyone2.jpg') no-repeat center top; background-size:100% auto;} .onlyone .one3 {background:url('../images/content/brand/img_onlyone3.jpg') no-repeat center top; background-size:100% auto;} .onlyone .one4 {background:url('../images/content/brand/img_onlyone4.jpg') no-repeat center top; background-size:100% auto;} .onlyone .one5 {background:url('../images/content/brand/img_onlyone5.jpg') no-repeat center top; background-size:100% auto;} .onlyone .one6 {background:url('../images/content/brand/img_onlyone6.jpg') no-repeat center top; background-size:100% auto;} .one-text {width:50%; padding:3% 2%; min-height:140px;} .one-text p, .one-text ul {margin:0;} .one-text .orange-text {color:#f18101; } .one-text .one-num {font-size:16px; line-height:1;} .one-text .one-tit {font-size:12px; line-height:1.2; padding-bottom:4px} .one-text ul.one-list li{font-size:10px; line-height:1.3; color:#888888;} .one-text p.one-desc {font-size:10px; line-height:1.3; color:#888888;} .one1{padding-top:40%;padding-left:50%; width:100%;} .one6{padding-top:45%;width:100%; height:100%;} .one1 .one-text {width:100%; height:100%; background:rgba(23,68,115,0.9)} .one6 .one-text {height:100%; background:rgba(23,68,115,0.9)} .one2 .one-text { padding:2% 2%} .one5 .one-text {width:100%; padding:6% 2%} .one3 .one-text {margin-left:50%;} /* 연구개발 */ .rdstep > div {position:relative; width:50%; margin:20px 0 0px 00px; padding:0 ; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 88% center;} .rdstep > div.last {background:none;} .rdstep > div dl {margin:0;color:#fff; background:#444; padding-top:0px; width:80%; height:205px;} .rdstep > div dt {font-size:14px; font-family:'dm'; padding-top:3px} .rdstep > div dt span {font-size:15px; font-family:'dm';display:block;} .rdstep > div dd {font-size:10px;} .rdstep .popBtn {position:absolute; bottom:5px; left:0px;width:145px; padding:0;background:#444; background:none; height:195px;} .rdstep .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 100%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center 120px;background-size: 30%;} .rdstep .step01 dl{background: url(../images/content/rd/rd_step01.jpg) no-repeat left top;background-size: 151px;} .rdstep .step02 dl{background: url(../images/content/rd/rd_step02.jpg) no-repeat left top;background-size: 151px;} .rdstep .step03 dl{background: url(../images/content/rd/rd_step03.jpg) no-repeat left top;background-size: 151px;} .rdstep .step04 dl{background: url(../images/content/rd/rd_step04.jpg) no-repeat left top;background-size: 151px;} .rdstep .step05 dl{background: url(../images/content/rd/rd_step05.jpg) no-repeat left top;background-size: 151px;} .rdstep .step06 dl{background: url(../images/content/rd/rd_step06.jpg) no-repeat left top;background-size: 151px;} .rdstep .step07 dl{background: url(../images/content/rd/rd_step07.jpg) no-repeat left top;background-size: 151px;} .rdstep .last dl{background: url(../images/content/rd/rd_step08.jpg) no-repeat left top;background-size: 151px;} .rdcentert p {font-size:12px;} .gualitybg {background:#174473; padding-top:40px;} .gualitybg p {font-size:12px;} .iconQ1 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q1.png') no-repeat center 0px;} .iconQ2 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q2.png') no-repeat center 7px;} .iconQ3 {text-align:center;padding-top:135px;background:url('../images/content/rd/icon_q3.png') no-repeat center 8px;} .rdstep2 > div {position:relative; float:left; width:49%; margin:30px 0 0px 0px; padding:0 9% 0 0px; text-align:center; background:url(../images/content/rd/bt_stepNext.png) no-repeat 97% center;} .rdstep2 > div.last {background:none; margin-bottom:80px;} .rdstep2 > div dl {color:#fff; background:#444; padding:100px 0 0; margin:0; width:100%; height:197px;} .rdstep2 > div dt {margin-top:2px;font-size:14px; font-family:'dm';} .rdstep2 > div dd {word-spacing: -4px; line-height:1.2;} .rdstep2 > div dt span {font-size:14px; font-family:'dm';display:block; line-height:1.2} .rdstep2 .popBtn {position:absolute; top:0px; left:0px;width:100%; padding:0;background:#444; background:none; height:167px;} .rdstep2 .popBtn a.btnPlay { display: block;text-indent:-9999px; padding: 0; line-height: 74px; width: 81%; height: 100%; background: url(../images/content/rd/btn_play.png) no-repeat center 20px; background-size:35%;transition:inherit;} .rdstep2 .step01 {margin-left:0px;} .rdstep2 .step01 dl{background: url(../images/content/rd/rd_step01_1.jpg) no-repeat left top; background-size:100%;} .rdstep2 .step02 dl{background: url(../images/content/rd/rd_step01_2.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step03 dl{background: url(../images/content/rd/rd_step01_3.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step04 div{width:100%;text-indent:-9999px;height:167px !important;background: url(../images/content/rd/rd_step01_4.jpg) no-repeat center center; background-size:65%;} .rdstep2 .step05 dl{background: url(../images/content/rd/rd_step01_5.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step06 div{width:100%;text-indent:-9999px;height:167px !important;background: url(../images/content/rd/rd_step01_6.jpg) no-repeat center center; background-size:65%;} .rdstep2 .step07 dl{background: url(../images/content/rd/rd_step01_7.jpg) no-repeat left top;background-size:100%;} .rdstep2 .step08 div{width:100%;text-indent:-9999px;height:167px !important;background: url(../images/content/rd/rd_step01_8.jpg) no-repeat center center;background-size:65%;} .rdstep2 .last dl {background: url(../images/content/rd/rd_step01_9.jpg) no-repeat left top;background-size:100%;} .rdstep2 .right {padding:0 0px 0 0px; background:url(../images/content/rd/bt_stepNext2.png) no-repeat left center; margin-bottom:0px;} .rdstep2 .qcmark {height:197px !important; } .rdstep2 > div > div > p {margin:0;} .rdstep2 .right .popBtn{left:0px;} .logoArea, .logoArea2 {border:1px solid #d3d3d3} .logoArea2 {border-top:none; margin-bottom:100px;} .logoArea > div.first , .logoArea2 > div {border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;} .logoArea2 > div.last {border-right:none;} p.logo-img {text-align:center;} .logoArea p.logo-img img {width:100%; text-align:center;} .logoArea dl, .logoArea2 dl {padding:0 20px 0px;} .logoArea dl dt, .logoArea2 dl dt {font-size:14px; font-family:'dm';color:#000;} .logoArea dl dd, .logoArea2 dl dd{font-size:12px; font-family:'dm';color:#666666; padding-bottom:10px;} .logoArea dl dt.tit {font-size:14px; color:#000;font-family:'dm';} .coationArea {background:url('../images/content/rd/bg_coationg.jpg') no-repeat center bottom; background-size:auto 204px;height:268px;} .coationArea img {max-width:795px; width:70%;} .txtArea {margin-top:35px;} .coatArea dt {font-size:12px; font-family:'dm';} .coatArea dd {font-size:12px; color:#888;} .coatArea2 dt {font-size:14px; font-family:'dm';color:#000; margin-bottom:20px;} .coatArea2 dd {font-size:12px; color:#888;} .coatArea img {width:100%;} .coatArea2 img {width:70%;} .mb50 {margin-bottom: 25px !important;} .btmGreen {background:#f3fdf5; padding-top:10px; margin-top:35px; text-align:center;} .btmGreen .contentTit {padding-top:0px; margin-bottom:0;} }