html{overflow:auto; overflow-x:hidden;}
body{background:#fff;}
#wrap {width:100%; min-width:1000px; overflow:hidden; position: relative;}
.overlay {width:100%; height:100%; position:fixed; background:url('/images/common/bg_overlay.png') repeat 0 0; top:0; left:0; z-index:1; display:none;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1470px; margin:0 auto; position:relative;}

/* 헤더 */
#allMenu {display:none;}
#mobileSearch {display:none;}
#header{width:100%; z-index:100;}
.headerWrap	h1{text-align:center; width:196px; margin:0 auto; padding:33px 0; position:relative; z-index:50;}
.headerWrap	h1 a img {vertical-align:middle; max-width:100%; width:196px;}

#header.fixed {position:fixed; height:70px; background:#fff;}
#header.fixed #topmenu {top:23px;}
#header.fixed #topmenu .topRight .search {margin-top:-8px;}
#header.fixed .headerWrap h1 {padding:18px 0; width:154px;}
.sub #header {border-bottom:1px solid #dfdfdf;}

/* GNB */
#hiddenMenu {display:none;}
#topmenu {position: absolute; top:40px; width:100%; left:0%; color:#333; z-index:40;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul li a {display:block; font-size:21px; font-weight:600;}
#topmenu ul > li {position:relative; display:inline-block; padding:0 30px;}
#topmenu ul > li > a {display:block; width:100%; text-align:center;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#0c4b9e;}

#topmenu .topLeft {float:left; width:35%; text-align:left;}
#topmenu .topLeft ul li:first-child {padding-left:0;}
#topmenu .topRight {float:right; width:38%; text-align:right; position:relative;}
#topmenu .topRight ul {display:inline-block;}
#topmenu .topRight .search {display:inline-block; vertical-align:top; padding:0 0 0 30px; margin-top:-9px;}
#topmenu .topRight .search .lang {display:inline-block; position:relative; vertical-align:top;}
#topmenu .topRight .search .lang * {font-size:13px;}
#topmenu .topRight .search .lang dt {text-align:left; width:78px; height:40px; line-height:40px; box-sizing:border-box; padding-left:10px; border:1px solid #aaa; font-size:13px; background:#fff url('/images/common/arrow_lang.png') no-repeat 85% center; cursor:pointer;}
#topmenu .topRight .search .lang dd {display:none; position:absolute; top:39px; left:0; border:1px solid #d0d0d0; width:78px; background:#fff; box-sizing:border-box; text-align:left;}
#topmenu .topRight .search .lang dd a {display:block; padding:0 10px; line-height:34px;}
#topmenu .topRight .search .lang dd a:hover {background:#f0f0f0;}
#topmenu .topRight .searchOn {position:absolute; left:6%; top:-11px; border-bottom:1px solid #303030; padding:7px 0; color:#ccc; background:#fff; display:none;}
#topmenu .topRight .searchOn input, #topmenu .topRight .searchOn img {vertical-align:middle;}
#topmenu .topRight .searchOn input.text {width:282px; border:none;}

.submenu {position:absolute; left:0; width:100%; background:#fff; box-sizing:border-box; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:50px 10%; display:none;}
.submenu .inner {padding:0; width:1470px;}
.submenu .inner:after {content:''; display:block; clear:both;}
.submenu .banner {float:left; width:15%; padding-right:3%}/* 서브메뉴 너비조정 20180904 */
.submenu .banner dt {font-size:34px; color:#004ea2; line-height:36px; font-weight:600}
.submenu .banner dd {font-size:14px; line-height:20px; color:#555; margin:10px 0 25px 0; font-weight:300;}
.submenu .subNenuList {float:right; width:82%; border-left:1px solid #d0d0d0; box-sizing:border-box; padding-left:5%; min-height:170px;}
.submenu .subNenuList .lineWrap:after {content:''; display:block; clear:both;}
.submenu .subNenuList .lineWrap {display:table; width:100%; margin-top:30px;}
.submenu .subNenuList .lineWrap:first-child {margin-top:0;}
.submenu .subNenuList .lineWrap dl {width:20%; display:table-cell; vertical-align:top;}
.submenu .subNenuList .lineWrap dt {margin-bottom:10px;}
.submenu .subNenuList .lineWrap dt a {font-size:18px; color:#303030; font-weight:400;}
.submenu .subNenuList .lineWrap dt a:hover {color:#004ea2; text-decoration:underline;}
.submenu .subNenuList .lineWrap dd a {display:block; font-size:14px; color:#777; line-height:30px; font-weight:300;}
.submenu .subNenuList .lineWrap dd a:hover {color:#004ea2; text-decoration:underline;}

/*visual*/
#mainVisual{width:100%; position:relative; z-index:1; !important; overflow:hidden;}
#mainVisual li {text-align:center;}
#mainVisual li .visualText {width:78%; position:absolute; left:11%; top:27%; z-index:55; color:#fff; opacity:0;}
#mainVisual li .visualText.visualTextMobile {display:none !important;}
#mainVisual li .visualText.text-left {text-align:left;}
#mainVisual li .visualText.text-center {text-align:center;}
#mainVisual li .visualText.text-right {text-align:right;}
#mainVisual li .visualText h2 {font-size:80px; line-height:normal; margin-bottom:30px;}
#mainVisual li .visualText p {font-size:40px; line-height:normal; margin-bottom:30px;}
#mainVisual li .visualText .btn_visual {display:inline-block; border:2px solid #fff; border-radius:100px; min-width:100px; padding:0 25px; height:70px; line-height:70px; color:#fff; font-size:22px;}
#mainVisual li .visualText .btn_visual:hover {background:#fff; color:#333;}
/*
20180330 - 메인비주얼 버튼처리 때문에 수정함 조태준
#mainVisual li .visualText .btn_visual:hover {background:#fff; color:#333 !important;}
*/
#mainVisual li > img {vertical-align:top; width:100%;}
#mainVisual .visual_m {display:none;}
#mainVisual .bx-controls {height:0;}
#mainVisual .bx-pager {position:relative; top:-40px; text-align:center; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; margin:0 5px;}
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:70px; height:5px; background:#fff; vertical-align:middle; opacity:0.5;}
#mainVisual .bx-pager-item .bx-pager-link.active {opacity:1;}

#subVisual {height:180px; overflow:hidden; text-align:center; background:url('/images/common/sub_visual_bg.jpg') no-repeat center top;}

#quick {position:absolute; right:-450px; z-index:56; height:305px; width:500px;}
#quick .quickArea {margin-bottom:1px; position:relative; right:0; text-align:center; vertical-align:middle; width:500px;}
#quick .quickArea:after {content:''; display:block; clear:both;}
#quick .quickArea > a {float:left;}
#quick .quickContents {position:absolute; right:0; background:#fff; box-sizing:border-box; padding:30px; text-align:left; display:none;}
#quick .quickContents h4 {font-size:30px; color:#303030; font-weight:400;}
#quick .quickContents p {font-size:18px; line-height:22px; color:#666; font-weight:300; margin:10px 0 25px 0;}
#quick .quickContents .storeSearch {background:#f3f3f3; padding-left:10px;}
#quick .quickContents .storeSearch img {vertical-align:middle;}
#quick .quickContents .storeSearch .text {width:250px; border:none; margin:10px 0 10px; background:none;}
#quick .quickContents .storeSearch .button {background:#004ea2; width:97px; text-align:center; height:54px; line-height:54px; color:#fff; font-size:18px;}
#quick .quickContents .recentProduct img {width:112px; height:80px; border:1px solid #dfdfdf; box-sizing:border-box; max-width:100%;}
#quick .quickContents .recentProduct img:hover {border-color:#333;}
#quick .quickContents01 {border-radius:0 0 0 2px; border:1px solid #dfdfdf;}
#quick .quickContents02 {background:#f3f3f3; width:450px; height:139px; padding:20px 30px; box-sizing:border-box; border:1px solid #004ea2; border-left:none; border-right:none;}
#quick .quickContents02 .recentProduct div a {display:block; word-break:keep-all; font-size:13px; text-align:center; line-height:1.5em;}
#quick .quickContents02 .bx-controls-direction {position:absolute; width:94%; left:3%; top:43%;}
#quick .quickContents02 .bx-controls-direction a {text-indent:-9999px; overflow:hidden; display:block; width:9px; height:16px; position:absolute;}
#quick .quickContents02 .bx-controls-direction a.bx-prev {background:url('/images/common/quick_prev.png') no-repeat 0 0; left:0;}
#quick .quickContents02 .bx-controls-direction a.bx-next {background:url('/images/common/quick_next.png') no-repeat 0 0; right:0;}

/* 메인 컨텐츠 */
.mainConWrap {margin-top:2%; position:relative;}
.mainConWrap .inner {width:92%; padding:0 4%; margin:0;}
.pro_p {display:inline;}
.pro_m {display:none;}
.newPro {position:relative; margin-top:1%; overflow:hidden;}
.newPro:first-child {margin-top:0;}
.newPro .newProText {position:absolute; box-sizing:border-box; width:55%; padding:8% 6%;}
.newPro .newProText-black {color:#222;}
.newPro .newProText-white {color:#fff;}
.newPro .newProText-left {text-align:left; width:100%;}
.newPro .newProText-center {text-align:center;}
.newPro .newProText-right {right:0; padding:8% 3%;}
.newPro .newProText h3 {font-size:80px; font-weight:600; line-height:65px; margin-bottom:20px; letter-spacing:-0.5px;}
.newPro .newProText h3 span {display:block; font-size:40px; line-height:normal; font-weight:500; margin-bottom:10px;}
.newPro .newProText p {font-size:30px; font-weight:300; margin-bottom:40px;}
.newPro .newProText-black .btn_moreview {display:inline-block; min-width:100px; padding:0 50px; border:1px solid #222; color:#222; font-weight:500; height:54px; line-height:54px; text-align:center; border-radius:100px; font-size:18px;}
.newPro .newProText-white .btn_moreview {display:inline-block; min-width:100px; padding:0 50px; border:1px solid #fff; color:#fff; font-weight:500; height:54px; line-height:54px; text-align:center; border-radius:100px; font-size:18px;}
.newPro img {width:100%; vertical-align:top;}

.recommProduct {overflow:hidden;}
.recommPro {width:49.5%; position:relative; margin-top:1%;}
.recommPro img {vertical-align:top; width:100%;}
.recommPro:nth-child(odd) {float:left;}
.recommPro:nth-child(even) {float:right;}
.recommPro .recommText {position:absolute; text-align:center; width:90%; left:5%; top:9%;}
.recommPro .recommText h3 {font-size:60px; line-height:70px; font-weight:600; margin-bottom:10px; letter-spacing:1px;}
.recommPro .recommText p {font-size:30px; font-weight:300; margin-bottom:30px;}
.recommPro .recommText-black {color:#222;}
.recommPro .recommText-white {color:#fff;}
.recommPro .recommText-black .btn_moreview {display:inline-block; min-width:100px; padding:0 50px; border:1px solid #222; color:#222; font-weight:500; height:54px; line-height:54px; text-align:center; border-radius:100px; font-size:18px;}
.recommPro .recommText-white .btn_moreview {display:inline-block; min-width:100px; padding:0 50px; border:1px solid #fff; color:#fff; font-weight:500; height:54px; line-height:54px; text-align:center; border-radius:100px; font-size:18px}

.bestProduct {margin:5% 0;}
.bestProduct .title {text-align:center; font-weight:900; font-size:60px; color:#333; margin-bottom:15px;}
.bestProduct .pdtTab {text-align:center; color:#ccc;  font-size:20px; font-weight:300; margin-bottom:50px;}
.bestProduct .pdtTab li {display:inline-block; font-size:20px; color:#222; padding:0 17px; cursor:pointer;}
.bestProduct .pdtTab li.active {background:#004ea2; border-radius:100px; color:#fff; font-weight:600; line-height:48px;}

.bestProduct .pdtCon {width:1320px; margin:0 auto; text-align:center; display:none;}
.bestProduct .pdtCon:after {content:''; display:block; clear:both;}
.bestProduct .pdtCon0 {display:block;}
.bestProduct .pdtCon .prd_image {max-width:100%; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.bestProduct .pdtCon .prd_image:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.bestProduct .pdtCon .bigImage {width:49.5%; float:left; display:table; table-layout:fixed;}
.bestProduct .pdtCon .bigImage a {border:1px solid #c1c1c1; box-sizing:border-box; display:table-cell; vertical-align:middle; width:100%; height:665px; position:relative; overflow:hidden;}
.bestProduct .pdtCon .bigImage a dl {margin-top:5%;}
.bestProduct .pdtCon .bigImage a dt {font-size:30px; font-weight:600; line-height:35px;}
.bestProduct .pdtCon .bigImage a dd {font-size:30px; font-weight:600; line-height:35px;}
.bestProduct .pdtCon .bigImage a dd.txt {font-size:17px; font-weight:300;}
.bestProduct .pdtCon .tileImage {width:49.5%; float:right;}
.bestProduct .pdtCon .tileImage a {display:block; border:1px solid #c1c1c1; width:49%; box-sizing:border-box; margin-bottom:2%; padding:7% 5%; height:326px; position:relative;}
.bestProduct .pdtCon .tileImage a:nth-child(odd) {float:left;}
.bestProduct .pdtCon .tileImage a:nth-child(even) {float:right;}
.bestProduct .pdtCon .tileImage a dl {margin-top:5%;}
.bestProduct .pdtCon .tileImage a dt {font-size:20px; font-weight:400; line-height:25px;}
.bestProduct .pdtCon .tileImage a dd {font-size:18px; font-weight:400; line-height:25px;}
.bestProduct .pdtCon .icon {position:absolute; left:3%; top:0; z-index:1; margin-top:3%;}
.bestProduct .pdtCon .icon img {width:55px;}

.productSearch {padding:5% 0; background:url('/images/main/bg_search.jpg') no-repeat center center;}
.productSearch .searchWrap {width:1320px; margin:0 auto;}
.productSearch .searchWrap:after {content:''; display:block; clear:both;}
.productSearch h3.title {text-align:center; color:#fff; font-size:60px; font-weight:900;}
.productSearch h4.title {font-size:25px; color:#fff; font-weight:400; margin-bottom:15px;}
.productSearch h4.title .example {font-size:13px; color:#929192; display:inline-block; margin-left:15px;}
.productSearch h4.title .example img {vertical-align:middle; width:16px;}
.productSearch h4.title .example a {color:#fff; padding:0 5px; cursor:pointer;}
.productSearch p {font-size:20px; line-height:28px; margin:10px 0 45px 0; text-align:center; color:#fff; font-weight:300;}
.productSearch .keyword {width:50%; float:left; padding-right:4%; box-sizing:border-box; border-right:1px solid #5f5f5f;}
.productSearch .keyword .inputBox {background:#fff; padding:12px 20px;}
.productSearch .keyword .inputBox .text {border:none; background:#fff; font-size:18px; width:90%;}
.productSearch .keyword .inputBox img {vertical-align:middle;}
.productSearch .category {width:50%; float:right; padding-left:4%; box-sizing:border-box;}
.productSearch .category .nice-select {background:transparent; color:#fff; border:1px solid #fff; font-size:17px; height:52px; line-height:52px; width:32.8%; margin-right:0;}
.productSearch .category .nice-select:after {border-bottom:2px solid #fff; border-right:2px solid #fff;}
.productSearch .category .nice-select .option {color:#444; font-size:16px;}
.productSearch .btn_search1 {width:100%; margin-top:1%;}

.customerCenter {padding:5% 0; background:#f3f3f3;}
.customerCenter h3.title {text-align:center; color:#222; font-size:60px; font-weight:900;}
.customerCenter p {font-size:20px; line-height:28px; margin:10px 0 45px 0; text-align:center; color:#222; font-weight:300;}
.customerCenter .csWrap {width:1320px; margin:0 auto;}
.customerCenter .csWrap ul:after {content:''; display:block; clear:both;}
.customerCenter .csWrap ul li {box-sizing:border-box; float:left; width:25%; text-align:center; border-left:1px solid #c9c9c9;}
.customerCenter .csWrap ul li:first-child {border-left:none;}
.customerCenter .csWrap ul li a {display:block; font-size:18px; color:#666;}
.customerCenter .csWrap ul li a img {padding-bottom:10px; width:69px;}
.customerCenter .csWrap ul li a:hover {color:#014ea0;}

.boardLatest {width:1320px; margin:0 auto; overflow:hidden; padding:5% 0;}
.boardLatest h3 {font-size:30px; margin-bottom:20px; color:#303030;}
.boardLatest .more {position:absolute; right:0; top:7px; border-radius:100px; font-size:16px; border:2px solid #8f9094; display:inline-block; height:24px; line-height:24px;}
.boardLatest .more a {color:#8f9094; font-weight:600; display:block; padding:0 15px;}
.boardLatest .more:hover {background:#0c519c; border-color:#0c519c;}
.boardLatest .more:hover a {color:#fff;}
.boardLatest .col1, .boardLatest .col2 {position:relative; width:45%;}
.boardLatest .col1 {float:left; width: 400px;}
.boardLatest .col2 {float:left; width: 520px; margin-left: 70px;}
.boardLatest .col3 {float: right; width: 250px; background: url('/images/main/bg_download_off.png') no-repeat right bottom;}
.boardLatest .col3:hover {background: url('/images/main/bg_download_on.png') no-repeat right bottom;}
.boardLatest .col3 .more {position: relative; top: 0; right: 0;}
.boardLatest .col3 p a {font-weight: 400; line-height: 20px; font-size: 16px; display: block; color: #555; padding-bottom: 60px;}
.boardLatest .col3:hover .more {background:#0c519c; border-color:#0c519c;}
.boardLatest .col3:hover .more a {color: #fff;}

.latest{width:100%;}
.latest:after {content: ''; display: block; clear: both;}
.latest.basic {font-size:11px;}
.latest.basic li {padding-left:12px; line-height:32px; background:url("/images/common/list_bullet.gif") left 14px no-repeat; font-size:14px; color:#999;}
.latest.basic li .date {float:right; }
.latest.basic a{display:inline-block; font-size:15px; color:#555;}
.latest.basic a strong img {max-height:100%;}
.latest.basic a:hover {text-decoration:underline; color:#0c519c;}
.latest.basic img{vertical-align:middle}

.latest.video ul:after {content:''; display:block; clear:both;}
.latest.video li {width:33%; float:left; text-align:center;}
.latest.video li.video_nodata {padding-left:12px; line-height:32px; background:url("/images/common/list_bullet.gif") left 14px no-repeat; font-size:14px; color:#999; text-align:left; width:100%; float:none;}
.latest.video li a {color:#555; font-size:18px; position:relative; display:block;}
.latest.video li img {width:159px; height:114px; margin-bottom:10px; vertical-align:top;}
.latest.video li img.vod {position:absolute; left:50%; top:0; margin-left:-79px; display:none;}
.latest.video li a:hover img.vod {display:block;}

/* 서브 컨텐츠 공통 */
#contents .bottomQuick {position:fixed; right:25px; bottom:25px; z-index:50; width:64px; z-index:70;}
#contents .btn_top img {width:64px;}
#contents .view_arrow {margin-bottom: 5px;}
#contents .view_arrow a {vertical-align: top; display: block;}
#contents .view_arrow img {vertical-align: top; display: block;}
#contents #btn_detail {display:none;}
#container:after {content:''; display:block; clear:both;}
.grayBack {background:#f9f9f9;}
.grayBack2 {background:#f0f0f0; /* 더 어두움 */}
.titleArea {border-bottom:1px solid #dfdfdf;}
.titleArea .location {height:50px; line-height:50px; color:#777; font-size:14px;}
.list_bullet li {background:url('/images/common/list_bullet.gif') no-repeat 0 13px; padding-left:10px; line-height:24px;/*181005 resize 20*/ margin-bottom:10px;}
.list_dash li {background:url('/images/common/list_dash.gif') no-repeat 0 14px; padding-left:15px; font-size:16px; line-height:30px;}
.contentsArea .section.pc_pdT0 {padding-top:0;}

/* 테이블 셋팅 */
.unit {text-align:right; font-size:16px; font-weight:300; margin-bottom:10px;}
.tblType02 {border-top:1px solid #333;}
.tblType02 th, .tblType02 td {padding:13px 15px; text-align:center; font-weight:300; border-bottom:1px solid #d0d0d0; font-size:18px; border-left:1px solid #d0d0d0;}
.tblType02 thead th {color:#333; font-weight:400; background:#f5f5f5;}
.tblType02 tbody th {background:#f5f5f5;}
.tblType02 th:first-child {border-left:none;}

.tblType03 {border-top:1px solid #333;}
.tblType03 th, .tblType03 td {padding:13px 15px; text-align:center; font-weight:300; border-bottom:1px solid #d0d0d0; font-size:18px; border-left:1px solid #d0d0d0;}
.tblType03 thead th {color:#333; font-weight:300; background:#f5f5f5;}
.tblType03 tbody th {text-align:left;}
.tblType03 th:first-child {border-left:none;}
.tblType03 tfoot th {background:#f5f5f5; font-weight:400; color:#333; text-align:left;}
.tblType03 tfoot td {background:#f5f5f5; font-weight:400; color:#333;}
.tblType03 .bdl {border-left:none;}

/* 서브 컨텐츠 */
.contentsArea {padding:0px;}
.contentsArea img {max-width:100%;}
.contentsArea .title {font-size:60px; color:#000; font-weight:600; margin-bottom:40px;}
.contentsArea .title_b {font-size:45px; color:#000; font-weight:600; margin-bottom:60px; text-align:center;}
.contentsArea .pdt_title {font-size:35px; color:#000; font-weight:600; margin-bottom:0; text-align:center;}
.contentsArea .pdt_title span {display:block; line-height:100px;}
.contentsArea .pdt_title p {font-size:18px; font-weight:400; color:#555; margin-top:20px; line-height:1.4em;}
.contentsArea .section {padding:80px 0; width:1470px; margin:0 auto; position:relative; top:20px; opacity:0;}
.txt-align-left {text-align:left;}
.txt-align-center {text-align:center;}
.txt-align-right {text-align:right;}
.subVisual {height:235px; box-sizing:border-box; padding:4% 0; text-align:center; color:#fff;}
.subVisual h2 {font-size:40px; margin-bottom:0px; position:relative; top:20px; opacity:0;}
.subVisual p {font-size:18px; font-weight:400; line-height:22px; position:relative; top:20px; opacity:0;}
.subVisual .btn_round_whiteBig {position:relative; top:20px; opacity:0;}
.subVisual02_00 {background:url('/images/store/bg_subVisual02_00.jpg') no-repeat center top; background-size:cover;}
.subVisual02_01 {background:url('/images/store/bg_subVisual02_01.jpg') no-repeat center top; background-size:cover;}
.subVisual02_02 {background:url('/images/store/bg_subVisual02_02.jpg') no-repeat center top; background-size:cover;}
.subVisual02_03 {background:url('/images/store/bg_subVisual02_03.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual02_04 {background:url('/images/store/bg_subVisual02_04.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual03_01 {background:url('/images/customer/subVisual03_01.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual03_02 {background:url('/images/customer/subVisual03_02.jpg') no-repeat center top; background-size:cover;}
.subVisual03_03 {background:url('/images/customer/subVisual03_03.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual03_04 {background:url('/images/customer/subVisual03_04.jpg') no-repeat center top; background-size:cover;}
.subVisual04_01 {background:url('/images/prcenter/subVisual04_01.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual04_02 {background:url('/images/prcenter/subVisual04_02.jpg') no-repeat center top; background-size:cover;}
.subVisual05_01 {background:url('/images/company/subVisual05_01.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual05_02 {background:url('/images/company/subVisual05_02.jpg') no-repeat center top; background-size:cover;}
.subVisual05_03 {background:url('/images/company/subVisual05_03.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual05_04 {background:url('/images/company/subVisual05_04.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual05_05 {background:url('/images/company/subVisual05_05.jpg') no-repeat center top; background-size:cover; padding:4% 0;}
.subVisual05_06 {background:url('/images/company/subVisual05_06.jpg') no-repeat center top; background-size:cover;}

/* 검색결과 */
.contentsArea.search_result .resultHead {padding:80px 0; background:#f9f9f9; border-bottom:1px solid #dfdfdf; box-sizing:border-box;}
.contentsArea.search_result .searchWrap {text-align:center;}
.contentsArea.search_result .searchWrap .select {width:200px; height:50px; line-height:50px; margin:0 2px 5px 0;}
.contentsArea.search_result .searchWrap .text {height:48px; line-height:48px; width:477px;}
.contentsArea.search_result .sort {margin:20px 0; position:relative; line-height:18px;}
.contentsArea.search_result .sort .select {float:right; position:absolute; right:0; top:0;}
.contentsArea.search_result .nodata {padding:50px 0; line-height:1.5em; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; background:#f9f9f9; font-weight:300;}
.contentsArea.search_result .nodata .blue {font-weight:400;}

/* 제품 인덱스 */
.contentsArea.product .pdt_index {position:relative; text-align:center;}
.contentsArea.product .pdt_index img {width:100%;}
.contentsArea.product .pdt_index .back {vertical-align:top;}
.contentsArea.product .pdt_index .txt {position:absolute; z-index:1; padding:6% 11.5%; width:100%; box-sizing:border-box;}
.contentsArea.product .pdt_index .txt h2 {font-size:60px; color:#fff; position:relative; top:20px;}
.contentsArea.product .pdt_index .txt p {font-size:20px; color:#fff; position:relative; top:20px;}
.contentsArea.product .pdt_index .btnArea {margin-top:45px; position:relative; top:20px;}
.contentsArea.product .pdt_index .txt h2 {font-size:60px; color:#fff; opacity:0; position:relative; top:20px;}
.contentsArea.product .pdt_index .txt p {font-size:20px; color:#fff; opacity:0; position:relative; top:20px;}
.contentsArea.product .pdt_index .btnArea {margin-top:45px; opacity:0; position:relative; top:20px;}
.contentsArea.product .newPro {margin-top:0;}
.contentsArea.product .newPro .newProText {padding:12% 8%;}
.contentsArea.product .newPro .newProText h3 {font-size:60px; line-height:65px; margin-bottom:10px; }
.contentsArea.product .newPro .newProText p {font-size:20px; line-height:25px;}
.contentsArea.product .newPro img {vertical-align:top;}

.mobileCategory {z-index:-99999; position:relative; height:0; overflow:hidden;}
.mobileTab {z-index:-99999; position:relative; height:0; overflow:hidden;}
.scrollTab ul {width:1400px; margin:0 auto;}
.scrollTab ul:after {content:''; display:block; clear:both;}
.scrollTab ul li {float:left; width:12.4%; text-align:center; border-right:1px solid #dfdfdf;}
.scrollTab ul li:last-child {border-right:none;}
.scrollTab ul li a {font-size:13px;  display:block; line-height:70px;}/*181005 resize line-height:50*/
.scrollTab.fixed {position:fixed; width:100%; left:0; top:0; background:#262729; z-index:10; margin-bottom:0;}
/*181005 ↓*/
.scrollTab.fixed li {/*border-right:none; padding:15px 0;*/ position: relative; display: table-cell; float: none; border-right: none; padding: 15px 0; vertical-align: middle;}
.scrollTab.fixed li a {color:#fff; line-height:normal; padding:12px 5px; display:inline-block; border-radius:100px; min-width: 70%;}
.scrollTab.fixed li:before {content:'|'; float:left; padding:15px 0; font-weight:300; color:#999;}
.scrollTab.fixed li:first-child:before {content:'';}
.scrollTab.fixed li a:hover {background:#fff; color:#333;}
.scrollTab.fixed li a.on {background:#fff; color:#333;}
.scrollTab.fixed li a img {display:none;}
.scrollTab.fixed li a br {display:none;}

.mobileTab ul:after {content:''; display:block; clear:both;}
.mobileTab ul li {float:left; text-align:center; border-right:1px solid #dfdfdf;}
.mobileTab ul li:last-child {border-right:none;}
.mobileTab ul li a {font-size:18px;  display:block; line-height:50px;}
.mobileTab.fixed {position:fixed; width:100%; left:0; top:0; background:#262729; z-index:10; margin-bottom:0;}
.mobileTab.fixed li {border:none; padding:15px 0;}
.mobileTab.fixed li a {color:#fff; line-height:normal; padding:12px 15px; border-radius:100px; display:block;}
.mobileTab.fixed li a:hover {background:#fff; color:#333;}
.mobileTab.fixed li a.on {background:#fff; border-radius:100px; color:#333;}
.mobileTab.fixed li a img {display:none;}
.mobileTab.fixed li a br {display:none;}

/* 제품 리스트 */
.contentsArea.product .searchDetail {width:1470px; margin:80px auto 0; border:1px solid #dfdfdf; border-top:1px solid #333;}
.contentsArea.product .searchDetail .name {text-align:center; padding:17px 0; font-size:18px; color:#333; background:#f9f9f9; border-bottom:1px solid #dfdfdf;}
.contentsArea.product .searchDetail .category {padding:30px 100px;}
.contentsArea.product .searchDetail .category:after {content:''; display:block; clear:both;}
.contentsArea.product .searchDetail .category dl {width:1060px; min-height:145px; float:left; border-right:1px solid #dfdfdf; position:relative;}
.contentsArea.product .searchDetail .category dt {position:relative;}
.contentsArea.product .searchDetail .category dd {position:relative; padding-left:130px; line-height:40px;}
.contentsArea.product .searchDetail .category .tt {color:#333; position:absolute; left:0; top:10px;}
.contentsArea.product .searchDetail .category li {display:inline-block; margin-right:20px;}
.contentsArea.product .searchDetail .category li:last-child {margin-right:0;}
.contentsArea.product .searchDetail .category li img {vertical-align:middle; margin-top:-2px; max-width:100%;}
.contentsArea.product .searchDetail .category li .tooltip_m {display:none; position:absolute; width:300px; max-width:100%; box-sizing:border-box; z-index:5; background:#fff; border:1px solid #d0d0d0; padding:2%; line-height:1.5em; font-size:14px;}
.contentsArea.product .searchDetail .category li .tooltip_m .tooltip_m_close {text-decoration:underline; color:#666;}
.contentsArea.product .searchDetail .category .result {text-align:center; float:right; font-size:18px; color:#333; line-height:40px;}
.contentsArea.product .searchDetail .category .result b {font-weight:300; display:block; font-size:38px; margin-bottom:15px;}
.contentsArea.product .searchDetail .category .result img {vertical-align:top;}

.mobileList {display:none;}
.pdtList:after {content:''; display:block; clear:both;}
.pdtList.list3 li {width:33.3%;}
.pdtList.list4 li {width:25%;}
.pdtList.list5 li {width:20%; height:294px; padding:2% 0;}
.pdtList li {position:relative; text-align:center; float:left; box-sizing:border-box; padding:65px 0; border:1px solid #dfdfdf; margin:-1px 0 0 -1px; background:#fff; height:370px;}
.pdtList li a {display:block;}
.pdtList li a:hover {color:#004ea2;}
.pdtList li a img {display:block; margin:0 auto; max-width:80%;}
.pdtList li .subject {font-size:20px; display:block; margin-top:10px; font-weight:400; padding:0 5%;}
.pdtList li .icon {position:absolute; left:10px; top:10px;}
.pdtList li .icon img {width:55px; display:inline-block; margin-right:5px;}

/* 제품 상세보기 */
.pdtInfo {width:1470px; margin:0 auto;}
.pdtInfo:after {content:''; display:block; clear:both;}
.pdtInfoLeft {width:935px; float:left;}
.pdtInfoLeft:after {content:''; display:block; clear:both;}
.pdtInfoLeft .pcList:after {content:''; display:block; clear:both;}
.viewPdtPager a {display:block;}
.viewPdtPager img {vertical-align:top; border:1px solid #dfdfdf; width:78px; height:54px;}
.viewPdtPager .active img {border-color:#444;}
.viewPagerWrap {width:82px; float:left; margin:92px 0; position:relative;}
.viewPagerWrap .bx-controls-direction a {display:block; text-indent:-9999px; overflow:hidden; height:9px;}
.viewPagerWrap .bx-controls-direction a.bx-prev {background:url('/images/product/thumb_prev.png') no-repeat center top; position:absolute; width:100%; top:-30px;}
.viewPagerWrap .bx-controls-direction a.bx-next {background:url('/images/product/thumb_next.png') no-repeat center top; position:absolute; width:100%; bottom:-30px;}
.pdtSlide {width:830px; margin:40px 0; float:right;}
.pdtInfoRight {width:503px; min-height:665px; float:right; background:#f7f7f7; box-sizing:border-box; padding:45px; position:relative;}
.pdtInfoRight dt {line-height:36px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #d0d0d0;}
.pdtInfoRight dt .name {display:block; color:#555; font-weight:400; font-size:21px;}
.pdtInfoRight dt .code {font-weight:600; color:#004ea2; font-size:36px;}
.pdtInfoRight dd {font-size:16px; line-height:22px; font-weight:600; color:#333;}
.pdtInfoRight dd ul {margin:5px 0;}
.pdtInfoRight dd ul li {font-weight:400;}
.pdtInfoRight dd .btnArea {margin-top:25px;}
.pdtInfoRight .snsShare {position:absolute; right:40px; top:45px;}
.pdtInfoRight .snsShare .ico_share {display:block; width:47px; text-align:center; cursor:pointer;}
.pdtInfoRight .snsShare .ico_share img {width:32px;}
.pdtInfoRight .snsShare ul {background:url('/images/product/bg_sns.png') no-repeat center top; width:47px; height:183px; box-sizing:border-box; padding-top:15px; display:none;}
.pdtInfoRight .snsShare ul li {padding:0 0 5px 5px;}
.pdtInfoRight .snsShare ul li img {width:36px;}
.pdtInfoRight .option_img {margin:15px 0 0 0;}

.pdtDetail .mobileFixed {display:none;}
.pdtDetail .detailFixed {width:1470px; margin:0 auto; background:#262729; height:72px; line-height:71px;}
.pdtDetail .detailFixed:after {content:''; display:block; clear:both;}
.pdtDetail .detailFixed .menuWrap {overflow:hidden;  color:#fff; font-size:18px;}
.pdtDetail .detailFixed img {vertical-align:middle;}
.pdtDetail .detailFixed a {color:#fff; font-size:16px;}
.pdtDetail .detailFixed .back, .pdtDetail .detailFixed .menu {float:left;}
.pdtDetail .detailFixed .back {margin-right:25px;}
.pdtDetail .detailFixed .detailTab {float:right; overflow:hidden; margin-right:25px; padding:16px 0;}
.pdtDetail .detailFixed .detailTab li {float:left; margin-left:10px;}
.pdtDetail .detailFixed .detailTab li a {display:block; height:38px; line-height:38px; font-size:18px; padding:0 20px; border-radius:100px;}
.pdtDetail .detailFixed .detailTab li.active a {background:#fff; color:#333;}
.pdtDetail .detailSection {width:1470px; margin:0 auto; padding:100px 0;}
.pdtDetail .detailSection .pdt_title {font-size:40px; font-weight:400; color:#303030; margin-bottom:30px;}
.pdtDetail .detailSection01 {padding:0;}
.pdtDetail .detailSection01 img {vertical-align:top;}
.pdtDetail .detailSection02 {background:#f7f7f7;}
.pdtDetail .detailSection02 .tblType01 {max-width:80%; margin:0 auto;}
.pdtDetail .detailSection03 .open {text-align:center;}
.pdtDetail .detailSection03 .close {margin-top:60px; text-align:center;}
.pdtDetail .detailSection03 .close .btn_round_black_small {display:none;}
.pdtDetail .detailSection03 .toggle {display:none; text-align:center;}
.pdtDetail .detailSection04 {background:#171717; text-align:center;}
.pdtDetail .detailSection04 .pdt_title {color:#fff;}
.pdtDetail .detailSection04 .youtubeWrap {position:relative; width:100%; padding-bottom:56.25%;}
.pdtDetail .detailSection04 .youtubeWrap iframe {position:absolute; width:90%; height:90%; left:5%;}
.pdtDetail .detailSection05 .bx-wrapper {position:relative;}
.pdtDetail .detailSection05 .pdtList li {width:24%; margin:0 1% 0 0;}
.pdtDetail .detailSection05 .bx-viewport {width:1345px !important; margin:0 auto;}
.pdtDetail .detailSection05 .bx-controls {position:absolute; width:100%; top:49%;}
.pdtDetail .detailSection05 .bx-controls-direction a {text-indent:-9999px; overflow:hidden; display:block; width:12px; height:22px; position:absolute; top:0;}
.pdtDetail .detailSection05 .bx-controls-direction a.bx-prev {background:url('/images/product/prev.png') no-repeat 0 0; left:-3%;}
.pdtDetail .detailSection05 .bx-controls-direction a.bx-next {background:url('/images/product/next.png') no-repeat 0 0; right:-3%;}
.pdtDetail .detailFixed.active {width:100%; position:fixed; top:0; z-index:100; left:0;}
.pdtDetail .detailFixed.active .menuWrap {width:1470px; margin:0 auto;}

.pdtDetail .tblType01 table {margin:0 auto; table-layout:fixed; width:100%}
.pdtDetail .tblType01 table th, .pdtDetail .tblType01 table td {font-size:20px; font-weight:300; text-align:left; padding:20px 30px; vertical-align:middle; }
.pdtDetail .tblType01 table th {border-top:1px solid #c0c0c0; color:#303030; font-weight:400; width:34%}/* 20180912 width add */
.pdtDetail .tblType01 table td {border-top:1px solid #dfdfdf; color:#666; width:66%}/* 20180912 width add */
.pdtDetail .tblType01 table tr:first-child th {border-top:1px solid #000;}
.pdtDetail .tblType01 table tr:first-child td {border-top:1px solid #c0c0c0;}
.pdtDetail .tblType01 table tr:last-child th {border-bottom:1px solid #c0c0c0;}
.pdtDetail .tblType01 table tr:last-child td {border-bottom:1px solid #dfdfdf;}

/* 코콤스토어 */
.contentsArea.store .subVisual {background:url('/images/sub/bg_subVisual02.jpg') no-repeat center center; box-sizing:border-box; height:500px; padding:110px 0; text-align:center; color:#fff;}
.contentsArea.store .subVisual h2 {font-size:70px;}
.contentsArea.store .subVisual p {font-size:30px; line-height:40px;}
.contentsArea.store .subVisual .storeSearch {width:588px; margin:30px auto 0; position:relative; top:20px; opacity:0;}
.contentsArea.store .subVisual .inputBox {background:#fff; position:relative; height:65px; box-sizing:border-box; text-align:left; padding:20px 0 0 20px;}
.contentsArea.store .subVisual .inputBox img {vertical-align:middle;}
.contentsArea.store .subVisual .inputBox input {height:22px;}
.contentsArea.store .subVisual .inputBox input.text {font-size:22px; color:#555; width:400px; font-weight:300; border:none; height:27px;}
.contentsArea.store .subVisual .inputBox input.button {font-size:22px; text-align:center; background:#004ea2; color:#fff; margin:0; padding:0; border:none; width:133px; height:65px; position:absolute; right:0; top:0;}
.contentsArea .storeIndex:after {content:''; display:block; clear:both;}
.contentsArea .storeIndex li {width:32%;/*32*/ margin-left:1.5%; padding:145px 10px; float:left; text-align:center; background:#f9f9f9; border:1px solid #dfdfdf; transition:color 0.2s, background 0.2s, box-shadow 0.2s; box-sizing:border-box; opacity:0; position:relative;}
.contentsArea .storeIndex .renew_btn {width:49.2%;}
.contentsArea .storeIndex li .btn_round_black {transition:0.2s;}
.contentsArea .storeIndex li a {display:block;}
.contentsArea .storeIndex li:first-child {margin-left:0;}
.contentsArea .storeIndex li dl {margin:20px 0; color:#333;}
.contentsArea .storeIndex li dt {font-size:28px; font-weight:600; margin-bottom:10px;}
.contentsArea .storeIndex li dd {font-size:17px; line-height:26px; color:#555; font-weight: 300;}
.contentsArea .storeIndex li:hover {background:#fff; border-color:#fff; -webkit-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); -moz-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6);}
/*.contentsArea .storeIndex li:last-child:hover {background:#f9f9f9; border:1px solid #dfdfdf; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;}*/
.contentsArea .storeIndex li:hover dt {color:#004ea2;}
.contentsArea .storeIndex li:hover .btn_round_black {background:#333; color:#fff;}

/* eng 레이아웃변경 20180904 */
.contentsArea .storeIndex li .asCenterInfo {padding:8px 0;}
.contentsArea .storeIndex li .asCenterInfo dl {margin-bottom:15px;}
.contentsArea .storeIndex li .asCenterInfo dt {color:#333; font-size:22px; font-weight:600; margin-bottom:10px;}
.contentsArea .storeIndex li .asCenterInfo dd {font-size:18px; line-height:26px; font-weight:300; }
.contentsArea .storeIndex li .asCenterInfo dd.tel {font-size:45px; font-weight:600; line-height:normal; color:#004ea2; line-height:45px;}
.contentsArea .storeIndex li .asCenterInfo dd.cctv {color:#222; font-weight:500; font-size:20px; margin-bottom:30px;}
.contentsArea .storeIndex li .asCenterInfo p {font-size:15px; line-height:20px; color:#777; font-weight:300;}
/* // eng 레이아웃변경 20180904 */

.contentsArea.storeInfo .storeText {text-align:center; font-size:18px; line-height:26px; font-weight:300; height:450px; background:url('/images/store/bg_storeinfo.png') no-repeat center bottom; margin-bottom:80px;}
.contentsArea.storeInfo .storeIntro {width:1270px; margin:0 auto;}
.contentsArea.storeInfo .storeIntro ul li {display:table; width:100%; margin-top:20px;}
.contentsArea.storeInfo .storeIntro ul liLfirst-child {margin-top:0;}
.contentsArea.storeInfo .storeIntro ul li span {display:table-cell; width:126px; vertical-align:middle;}
.contentsArea.storeInfo .storeIntro ul li dl {display:table-cell; vertical-align:middle; padding-left:2%;}
.contentsArea.storeInfo .storeIntro ul li dt {font-size:22px; color:#004ea2; margin-bottom:10px;}
.contentsArea.storeInfo .storeIntro ul li dd {font-weight:300; font-size:18px;}

.contentsArea .searchSelect {text-align:center; margin-bottom:50px;}
.contentsArea .searchSelect .if {font-size:20px; font-weight:400; margin-bottom:25px;}
.contentsArea .searchSelect .select, .contentsArea .searchSelect input {height:50px; line-height:50px; font-size:18px;}
.contentsArea .searchSelect .select {min-width:200px;}
.contentsArea .searchSelect input.button {background:#004ea2; color:#fff; width:110px; text-align:center; margin:0; padding:0; border:none;}
.contentsArea .searchSelect input.text {box-sizing:border-box; padding:0 10px; width:360px;}

.contentsArea .listType {display:none;}
.contentsArea .searchResult {}
.contentsArea .searchResult .total {display:inline-block; margin:0 0 10px 20px;}
.contentsArea .searchResult .total .center_icon {font-size:14px;}
.contentsArea .searchResult .total:after {content:''; display:block; clear:both;}
.contentsArea .searchResult img {vertical-align:middle; margin-top:-1px; width:17px;}
.contentsArea .mapWrap {border-top:1px solid #333;}
.contentsArea .mapWrap:after {content:''; display:block; clear:both;}
.contentsArea .mapWrap .storeList {width:410px; float:left; box-sizing:border-box;}
.contentsArea .mapWrap .storeList ul {height:860px; overflow-y:scroll; background:#f9f9f9;}
.contentsArea .mapWrap .storeList ul li {border-bottom:1px solid #c1c1c1; cursor:pointer;}
.contentsArea .mapWrap .storeList ul dl {padding:25px 10px 25px 50px; background:url('/images/store/ico_map_off.png') no-repeat 20px 25px;}
.contentsArea .mapWrap .storeList ul dt {font-size:20px; color:#333; margin-bottom:5px;}
.contentsArea .mapWrap .storeList ul dt img {vertical-align:middle; margin-top:-1px; width:17px;}
.contentsArea .mapWrap .storeList ul dd {font-size:15px; font-weight:300; line-height:1.5em;}
.contentsArea .mapWrap .storeList ul li:hover {background:#004ea2; border-color:#004ea2; transition:color 0.2s, background 0.2s;}
.contentsArea .mapWrap .storeList ul li:hover dl {background:url('/images/store/ico_map_on.png') no-repeat 20px 27px;}
.contentsArea .mapWrap .storeList ul li:hover dt {color:#fff;}
.contentsArea .mapWrap .storeList ul li:hover dd {color:#fff;}
.contentsArea .mapArea {width:1060px; float:left; position:relative;}
.contentsArea .mapArea #map * {font-family:'Poppins';}
.contentsArea .mapArea #map .address {display:inline-block;}
.contentsArea .mapArea #map #firstHeading {color:#303030; font-weight:400; font-size:20px; margin-bottom:5px;}
.contentsArea .mapArea #map #bodyContent dl {line-height:21px;}
.contentsArea .mapArea #map #bodyContent dd {font-size:14px;}
.contentsArea .mapArea #map #bodyContent .btn_copy {vertical-align:top;}
.contentsArea .mapArea .asNumber {background:url('/images/store/bg_asnum.png') repeat 0 0; color:#fff; text-align:center; width:321px; position:absolute; right:20px; bottom:20px; font-size:18px; padding:20px 0; font-weight:300;}
.contentsArea .mapArea .asNumber b {display:block; text-align:center; font-size:30px; margin:8px 0; line-height:30px; font-weight:600;}
.contentsArea .mapArea .asNumber b > a {color:#fff; position:relative; right:0; top:0;}
.contentsArea .mapArea .asNumber p {font-size:15px; line-height:20px;}
.contentsArea .mapArea .asNumber a {position:absolute; right:15px; top:5px;}
.contentsArea #map {width:100%; height:860px;}

.contentsArea.serviceCenter .serviceCenterWrap {background: url('/images/store/bg_serviceCenter.jpg') no-repeat right bottom; -webkit-background-size: cover; background-size: cover; border-bottom: 1px solid #222; height: 514px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 120px 0 0 240px;}
.contentsArea.serviceCenter .serviceCenterWrap dt {color: #000; font-size: 22px; font-weight: 600; line-height: 22px;}
.contentsArea.serviceCenter .serviceCenterWrap dd {font-size: 45px; color: #004ea2; font-weight: 600; line-height: 45px; margin-top: 10px;}
.contentsArea.serviceCenter .serviceCenterWrap span.blue_line {display: inline-block; width: 20px; height: 1px; background: #004ea2; vertical-align: top; margin: 35px 0;}
.contentsArea.serviceCenter .serviceCenterWrap ul {margin-bottom: 15px;}
.contentsArea.serviceCenter .serviceCenterWrap ul li {font-size: 18px; color: #444; line-height: 26px; font-weight: 300;}
.contentsArea.serviceCenter .serviceCenterWrap p {font-size: 15px; font-weight: 300; color: #777; line-height: 20px;}

/* 스토어 지도 마커 레이어 */
.pinLayer {border:2px solid #222; background:#fff; position:absolute; width:auto; z-index:10; box-sizing:border-box; padding:20px;}
.pinLayer img {vertical-align:middle; margin-top:-1px;}
.pinLayer .pinClose {position:absolute; right:20px; top:20px;}
.pinLayer dt {font-size:18px; font-weight:400; color:#222; margin-bottom:10px;}
.pinLayer dd {font-weight:300; font-size:15px; line-height:1.3em;}
.pinLayer .pinButton {text-align:center; margin:15px 0 0 0;}
.pinLayer .layerBg {position:absolute; left:0; bottom:-15px; width:100%; text-align:center;}

/* 고객지원 */
.contentsArea.customer .subVisual {background:url('/images/sub/bg_subVisual03.jpg') no-repeat center center; box-sizing:border-box; height:500px; padding:110px 0; text-align:center; color:#fff;}
.contentsArea.customer .subVisual h2 {font-size:70px;}
.contentsArea.customer .subVisual p {font-size:30px; line-height:40px;}
.contentsArea.customer .subVisual .storeSearch {width:588px; margin:30px auto 0; position:relative; top:20px; opacity:0;}
.contentsArea.customer .subVisual .inputBox {background:#fff; position:relative; height:65px; box-sizing:border-box; text-align:left; padding:20px 0 0 20px;}
.contentsArea.customer .subVisual .inputBox img {vertical-align:middle;}
.contentsArea.customer .subVisual .inputBox input {height:22px;}
.contentsArea.customer .subVisual .inputBox input.text {font-size:22px; color:#555; width:400px; font-weight:300; border:none; height:27px;}
.contentsArea.customer .subVisual .inputBox input.button {font-size:22px; text-align:center; background:#004ea2; color:#fff; margin:0; padding:0; border:none; width:133px; height:65px; position:absolute; right:0; top:0;}
.contentsArea.customer .csCenterWrap {margin-top:60px;}
.contentsArea.customer .csCenterWrap:after {content:''; display:block; clear:both;}
.contentsArea.customer .csCenterWrap .faqLatest {float:left; width:49%; height:360px;}
.contentsArea.customer .csCenterWrap .faqLatest dt {color:#222; font-size:22px; font-weight:600; overflow:hidden; height:60px; line-height:60px; border-top:1px solid #333; border-bottom:1px solid #dfdfdf; padding:0 25px;}
.contentsArea.customer .csCenterWrap .faqLatest dt .btn_more {float:right; margin-top:15px;}
.contentsArea.customer .csCenterWrap .faqLatest dd {padding:25px; border-bottom:1px solid #dfdfdf;}
.contentsArea.customer .csCenterWrap .faqLatest dd .latest.basic li {line-height:40px; background-position:0 19px;}
.contentsArea.customer .csCenterWrap .asCenterInfo {/* float:right; width:49%;  */text-align:center; background:#f9f9f9; padding:70px 0; height:360px; box-sizing:border-box;}
.contentsArea.customer .csCenterWrap .asCenterInfo dl {margin-bottom:15px;}
.contentsArea.customer .csCenterWrap .asCenterInfo dt {color:#333; font-size:22px; font-weight:600; margin-bottom:10px;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd {font-size:18px; line-height:26px; font-weight:300; }
.contentsArea.customer .csCenterWrap .asCenterInfo dd.tel {font-size:45px; font-weight:600; line-height:normal; color:#004ea2; line-height:45px;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd.cctv {color:#222; font-weight:500; font-size:20px; margin-bottom:30px;}
.contentsArea.customer .csCenterWrap .asCenterInfo p {font-size:15px; line-height:20px; color:#777; font-weight:300;}
.contentsArea .findProduct:after {content:''; display:block; clear:both;}
.contentsArea .findProduct {margin-top:50px;}
.contentsArea .findProduct:first-child {margin-top:0;}
.contentsArea .findProduct li {float:left; margin-left:40px;}
.contentsArea .findProduct li:first-child {margin-left:0;}
.contentsArea .findProduct li > img {border:1px solid #dfdfdf;}
.contentsArea .findProduct li dl {margin-top:15px; }
.contentsArea .findProduct li dt {color:#222; font-size:22px; margin-bottom:10px; font-weight:400}/*20180905*/
.contentsArea .findProduct li dd {padding:0 10px; background:url('/images/common/list_bullet.gif') no-repeat 0 13px;}/*20180905*/
.contentsArea .findProduct li dd a {color:#555; font-size:17px; font-weight:300;}/*20180905*/
.contentsArea .findProduct li dd a:hover {color:#004ea2; text-decoration:underline;}
.contentsArea.download .product_search {text-align:center; margin-bottom:40px;}
.contentsArea.download .product_search .text {height:48px; line-height:48px; width:40%; padding:0 1%; font-size:18px;}
.contentsArea .title2 {text-align:center; line-height:40px;}
.contentsArea .title2 p {font-size:24px; font-weight:400; color:#222;}
.contentsArea .title2 dt {font-size:24px; color:#222; font-weight:600}/* 20180905*/
.contentsArea .title2 dd {font-size:20px;}
.contentsArea .resultText {border:1px solid #dfdfdf; border-top:1px solid #333; margin-bottom:20px;}
.contentsArea .resultText dt {height:60px; line-height:60px; text-align:center; background:#f9f9f9; border-bottom:1px solid #dfdfdf; color:#333; font-size:18px;}
.contentsArea .resultText dd {padding:20px 70px;}
.contentsArea .resultText dd ul:after {content:''; display:block; clear:both;}
.contentsArea .resultText dd ul li {float:left; width:20%; line-height:40px;}
.contentsArea .resultText dd ul li a {display:block; background:url('/images/common/list_bullet.gif') no-repeat 0 18px; padding:0 10px; font-weight:300;}
.contentsArea .resultText dd ul li a:hover {text-decoration:underline; color:#004ea2;}
.contentsArea .resultText .noResult {text-align:center; padding:65px 0; background:#f9f9f9;}
.contentsArea .resultText .noResult p {font-size:18px; margin-bottom:15px;}

.downloadService {background:#f9f9f9; box-sizing:border-box; padding:80px;}
.downloadService:after {content:''; display:block; clear:both;}
.downloadService .productInfo {float:left; width:420px;}
.downloadService .productInfo h4 {font-size:40px; line-height:40px; color:#333; margin-bottom:20px;}
.downloadService .productInfo dl {font-size:18px; color:#333;}
.downloadService .productInfo dd {color:#004ea2;}
.downloadService .productInfo dd.pdtImage {margin-top:10px;}
.downloadService .productInfo dd.pdtImage img {width:276px; height:194px; border:1px solid #dfdfdf;}
.downloadService .downloadList {float:right; width:845px;}
.downloadService .downloadList li {border-bottom:1px solid #dfdfdf; position:relative; padding:25px 0;}
.downloadService .downloadList li:first-child {padding-top:0;}
.downloadService .downloadList li:after {content:''; display:block; clear:both;}
.downloadService .downloadList li dt {font-size:22px; color:#333; margin-bottom:15px; font-weight:600}/*20180905*/
.downloadService .downloadList li dd {font-size:18px; font-weight:300; line-height:31px; margin:3px 0;}
.downloadService .downloadList li dd:after {content:''; display:block; clear:both;}
.downloadService .downloadList li dd .btn_download {float:right; vertical-align:top;}

.toggleContents {border-top:1px solid #333;}
.toggleContents dt {padding:0 35px; font-size:22px;  color:#333; height:70px; line-height:71px; border-bottom:1px solid #dfdfdf; background:url('/images/common/ico_acc_plus.png') no-repeat 98% center; cursor:pointer;}
.toggleContents dt span {display:block; background:url('/images/customer/ico_i_off.png') no-repeat 0 center; padding-left:40px;}
.toggleContents dt.on {color:#004ea2; background:url('/images/common/ico_acc_minus.png') no-repeat 98% center;}
.toggleContents dt.on span {background:url('/images/customer/ico_i_on.png') no-repeat 0 center;}
.toggleContents dd {display:none; padding:15px 35px; border-bottom:1px solid #dfdfdf; background:#f9f9f9; font-size:18px; line-height:30px;  color:#555; font-weight:300;}
.toggleContents dd b {font-weight:400; color:#333;}
.toggleContents dd .ctt {border-bottom:1px dashed #d0d0d0; padding:20px 0;}
.toggleContents dd .ctt:last-child {border-bottom:none;}
.toggleContents dd .ctt2 {border:none;}
.toggleContents dd .ctt2 b.blue {font-weight:600;}
.toggleContents dd .rule01 {background:url('/images/customer/ico_rule01.png') no-repeat left 23px; padding-left:70px;}
.toggleContents dd .rule02 {background:url('/images/customer/ico_rule02.png') no-repeat left 23px; padding-left:70px;}
.toggleContents dd .rule03 {background:url('/images/customer/ico_rule03.png') no-repeat left 23px; padding-left:70px;}
.toggleContents .tblType02 {margin:15px 0;}
.toggleContents .list_dash {margin-left:10px}

/* PR센터 */
.contentsArea.prcenter .subVisual {background:url('/images/sub/bg_subVisual04.jpg') no-repeat center center; box-sizing:border-box; height:500px; padding:110px 0; text-align:center; color:#fff;}
.contentsArea.prcenter .subVisual h2 {font-size:70px;}
.contentsArea.prcenter .subVisual p {font-size:30px; line-height:40px;}
.contentsArea.prcenter .storeIndex li {height:785px; padding:95px 10px;}
.contentsArea.prcenter .storeIndex li dl {margin:0 0 50px 0;}
.contentsArea.prcenter .storeIndex .latestSlide a {padding:0;}
.contentsArea.prcenter .storeIndex .latestSlide .thumb {border-radius:100%; width:284px; height:284px;}
.contentsArea.prcenter .storeIndex .ebook .latestSlide .thumb {border-radius:0; width:auto; max-width:215px; height:305px; border:1px solid #dfdfdf;}
.contentsArea.prcenter .storeIndex .latestSlide .subject {font-size:22px; color:#333; line-height:26px; display:block; width:70%; margin:20px auto;}
.contentsArea.prcenter .storeIndex .latestSlide .contt {width:55%; margin:0 auto; font-size:18px;}
.contentsArea.prcenter .storeIndex .latestSlide .date {font-size:18px; font-weight:300;}
.contentsArea.prcenter .storeIndex .bx-wrapper {position:relative; height:424px;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a {padding:0; text-indent:-9999px; overflow:hidden; display:block; width:20px; height:35px; top:32%;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a.bx-prev {background:url('/images/common/bx_prev.png') no-repeat 0 0; position:absolute; left:40px;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a.bx-next {background:url('/images/common/bx_next.png') no-repeat 0 0; position:absolute; right:40px;}
.contentsArea.prcenter .storeIndex .btn_round_black {cursor:pointer;}
.contentsArea.prcenter .storeIndex li:last-child:hover {background:#fff; border-color:#fff; -webkit-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); -moz-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6);}

/* 회사소개 */
.contentsArea.company .subVisual {background:url('/images/sub/bg_subVisual05.jpg') no-repeat center center; background-size:cover; box-sizing:border-box; height:500px; padding:75px 0; text-align:center; color:#fff;}
.contentsArea.company .subVisual h2 {font-size:73px; font-family:'Poppins'; line-height:60px;}
.contentsArea.company .subVisual h2 .eng {display:block; font-size:24px; letter-spacing:20px; font-weight:600;}
.contentsArea.company .subVisual p {font-size:30px; line-height:40px; margin:30px 0;}
.contentsArea.company .storeIndex li {/*181005 resize height 608*/height:608px;}
.contentsArea.company .storeIndex li:last-child:hover {background:#fff; border-color:#fff; -webkit-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); -moz-box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6); box-shadow: 6px 7px 28px -10px rgba(0,0,0,0.6);}
.contentsArea .title_line {font-weight:300; font-size:24px; line-height:34px; text-align:center; color:#111; padding-bottom:35px; margin-bottom:35px; background:url('/images/company/blue_title.gif') no-repeat center bottom;}
.contentsArea .title_line strong {font-weight:400;}
.contentsArea .title_line .gray {color:#909397; letter-spacing:12px; font-size:18px; margin-top:15px;}
.contentsArea.greetings {}
.contentsArea.greetings .section p { line-height:20px;}
.contentsArea.greetings .section p strong {color:#303030; font-weight:400;}
.contentsArea.greetings .section .greeting_img {padding-bottom:25%; text-align:center; margin-bottom:75px; background:url('/images/company/bg_greetings.jpg') no-repeat center bottom; background-size:100%; color:#303030; font-weight:400;}
.contentsArea.greetings .greeting_text:after {content:''; display:block; clear:both;}
.contentsArea.greetings .greeting_text .txt01 {width:48%; float:left;}
.contentsArea.greetings .greeting_text .txt02 {width:48%; float:right; overflow:hidden;}
.contentsArea.greetings .greeting_text .sign {float:right; background:url('/images/company/img_sign.gif') no-repeat right center; height:65px; padding:20px 250px 0px 0; font-weight:400; color:#303030;}
.contentsArea.greetings .greeting_text .sign .name {font-size:18px; letter-spacing:0px;}
.contentsArea.about .section {background:url('/images/company/bg_about.jpg') no-repeat center 230px;}
.contentsArea.about .section p {}
.contentsArea.about .section .about_txt {color:#303030; text-align:center; padding-top:375px; color:#303030; font-weight:400;}
.contentsArea.about .section.systemWrap {background:none; padding:0; border-left:1px solid #dfdfdf; height:550px; overflow:hidden; margin:0 auto;}
.contentsArea.about .section.systemWrap:after {content:''; display:block; clear:both;}
.contentsArea.about .section.systemWrap dl {box-sizing:border-box; width:25%; height:550px; float:left; text-align:center; border-right:1px solid #dfdfdf; position:relative; top:-20px; opacity:0;}
.contentsArea.about .section.systemWrap dl:nth-child(even) {margin-top:30px;}
.contentsArea.about .section.systemWrap dt {color:#004ea2; font-size:22px; font-weight:600; line-height:50px;}
.contentsArea.about .section.systemWrap dd {width:90%; margin:0 auto; line-height:20px;}
.contentsArea.vision .section p {}
.contentsArea.vision .section p.alignC {font-weight:400; color:#303030;}
.contentsArea.vision .visionWrap {padding:0;}
.contentsArea.vision .visionWrap:after {content:''; display:block; clear:both;}
.contentsArea.vision .visionWrap dl {width:33.3%; float:left; box-sizing:border-box; text-align:center; padding-bottom:140px; background:#eff1f4; position:relative; top:-20px; opacity:0;}
.contentsArea.vision .visionWrap dl:first-child {margin-top:30px;}
.contentsArea.vision .visionWrap dl:nth-child(2) {background:#fff; padding-bottom:80px; margin-top:60px;}
.contentsArea.vision .visionWrap dl img {margin-bottom:20px; width:100%;}
.contentsArea.vision .visionWrap dt {font-size:22px; font-weight:600; color:#004ea2; margin-bottom:15px;}
.contentsArea.vision .visionWrap dt .eng {font-weight:500; color:#717c89; display:block;}
.contentsArea.vision .visionWrap dd {width:90%; margin:0 auto; font-weight:300; line-height:20px;}
.contentsArea.vision .visionWrap dd strong {font-weight:400; color:#303030;}

/*181005 추가수정*/
.contentsArea.vision .visionWrap dl:last-child {padding-bottom:130px;}

.contentsArea.history .boardCategory {width:1470px; margin:0 auto;}
.contentsArea.history .boardCategory.active {width:100%; background:#262729; position:fixed; top:0; z-index:101; border-bottom:none;}
.contentsArea.history .boardCategory.active a {color:#fff; padding:0 20px; height:38px; line-height:38px; margin:0 20px; border-radius:100px;}
.contentsArea.history .boardCategory.active a.tab_on {color:#262729; background:#fff; border-bottom:none;}
.contentsArea.history .section {padding-bottom:0;}
.contentsArea.history .title_line {background:none; padding-bottom:0;}
.contentsArea.history .btnArea {text-align:center; margin-bottom:30px;}
.contentsArea.history .btnArea2 {margin-bottom:0;}
.contentsArea .historyWrap {background:url('/images/company/bg_history.gif') repeat-y center top; margin-top:80px; position:relative; padding:0; margin-bottom:80px;}
.contentsArea .historyWrap dt {color:#303030; font-size:24px; font-weight:500; line-height:24px; margin-bottom:15px;}
.contentsArea .historyWrap dd {}
.contentsArea .historyWrap dd img {padding-top:15px; vertical-align:top;}
.contentsArea .historyWrap dd img.img_mobile {display:none;}
.contentsArea .historyWrap .left {background:url('/images/company/ico_year.gif') no-repeat right 6px; padding-right:40px; text-align:right; width:50%; position:relative; left:-33px; margin-bottom:50px;}
.contentsArea .historyWrap .right {background:url('/images/company/ico_year.gif') no-repeat left 6px; padding-left:40px; text-align:left; width:50%; position:relative; left:727px; margin-bottom:50px;}
.contentsArea .historyWrap .y2013 {margin-top:-317px;}
.contentsArea .historyWrap .y2012 {margin-top:-250px;}
.contentsArea .historyWrap .y2011 {margin-top:-180px;}
.contentsArea .historyWrap .y2014 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y2013 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .y2012 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y2009 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .y2008 {margin-top:-340px;}
.contentsArea .historyWrap .y2005 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y2004 {margin-top:-330px;}
.contentsArea .historyWrap .y1999 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .y1998 {margin-top:-250px; background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y1997 {margin-top:-180px; background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .y1996 {margin-top:-330px;}
.contentsArea .historyWrap .y1994 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y1993 {margin-top:-360px;}
.contentsArea .historyWrap .y1991 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .y1990 {margin-top:-240px;}
.contentsArea .historyWrap .y1980 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .y1976 {margin-top:-380px; background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h2014 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h2013 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .h2011 {margin-top:-220px;}
.contentsArea .historyWrap .h2010 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h2009 {margin-top:-230px;}
.contentsArea .historyWrap .h2008 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .h2006 {margin-top:-220px; background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h2005 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .h2003 {margin-top:-230px; background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h2002 {margin-top:-100px; background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .h2001 {margin-top:-210px;}
.contentsArea .historyWrap .h1997 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h1996 {margin-top:-230px;}
.contentsArea .historyWrap .h1995 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea .historyWrap .h1994 {margin-top:-210px;}
.contentsArea .historyWrap .h1992 {background:url('/images/company/ico_year_r.gif') no-repeat left 6px;}
.contentsArea .historyWrap .h1990 {margin-top:-230px;}
.contentsArea .historyWrap .h1989 {background:url('/images/company/ico_year_l.gif') no-repeat right 6px;}
.contentsArea.cibi .title_line {background:none; padding-bottom:0;}
.contentsArea.cibi .btnArea {text-align:center;}
.contentsArea.cibi .cibiWrap {width:1470px; margin:0 auto; padding:0;}
.contentsArea .cibi_text {position:relative; border-top:1px solid #dfdfdf; padding:25px 0 80px 255px;}
.contentsArea .cibi_text dt {position:absolute; left:0; top:25px; color:#004ea2; font-size:22px; font-weight:400; /*line-height:22px;*/ line-height:28px;/*181005 인라인 수정*/}
.contentsArea .cibi_text dd {}
.contentsArea .cibi_text .imgArea {margin-top:15px;}
.contentsArea .cibi_text .imgArea:after {content:''; display:block; clear:both;}
.contentsArea .cibi_text .imgArea ul.engkor:after {content:''; display:block; clear:both;}
.contentsArea .cibi_text .imgArea ul.engkor li {float:left; font-size:15px;}
.contentsArea .cibi_text .imgArea ul.engkor li.kor {float:left; margin-left:4%;}
.contentsArea .cibi_text .imgArea ul.engkor li img {display:block; margin-bottom:10px;}
.contentsArea .cibi_text .imgArea.palette img {display:block; float:left; margin-left:25px; width:148px;}
.contentsArea .cibi_text .imgArea.palette img:first-child {margin-left:0;}
.contentsArea .cibi_text .imgArea.bi img {padding-right:15px;}
.contentsArea .cibi_text strong {color:#303030; font-weight:400;}
.contentsArea .ctf_title {text-align:center; font-size:24px; line-height:33px; font-weight:300; margin-bottom:70px; color:#303030;}
.contentsArea .numberWrap {margin-bottom:80px;}
.contentsArea .numberWrap:after {content:''; display:block; clear:both;}
.contentsArea .numberWrap dl {box-sizing:border-box; float:left; width:25%; text-align:center; border-left:1px solid #dfdfdf;}
.contentsArea .numberWrap dl:first-child {border-left:none;}
.contentsArea .numberWrap dt {font-size:22px; color:#004ea2;}
.contentsArea .numberWrap dd {font-size:100px; font-weight:300; color:#303030;}
.contentsArea.certification .title_line {padding-bottom:0; background:none;}
.contentsArea.certification .section {padding-bottom:0;}
.contentsArea.certification .ctfWrap {width:1280px; margin:0 auto; padding:80px 0;}
.contentsArea.certification .ctf_text {position:relative; padding:0 0 0 260px;}
.contentsArea.certification .ctf_text dt {position:absolute; left:0; top:4px; color:#004ea2; font-size:22px; font-weight:400; line-height:28px;/*181005 resiez 22*/}
.contentsArea.certification .ctf_text dd {font-weight:300; font-size:18px; line-height:26px;}
.contentsArea.certification .ctf_text dd .list_bullet {margin-bottom:20px;}
.contentsArea.certification .ctf_text dd strong {font-weight:400; color:#303030;}
.contentsArea.certification .ctf_text dd .mark:after {content:''; display:block; clear:both;}
.contentsArea.certification .ctf_text dd .mark li {/* float:left;*/ display:inline-block; vertical-align:top; width:20%; text-align:center; font-size:15px; margin-bottom:20px; line-height:20px;}
/*20180921 수상인증 수정 Start*/
.contentsArea.certification .ctf_text dd .mark {font-size:0;}
/*20180921 수상인증 수정 End*/
.contentsArea.certification .btnArea {text-align:center;}
.contentsArea.recruit .title_line {background:none; padding-bottom:0;}
.contentsArea.recruit .title_line .blue {font-weight:400;}
.contentsArea.recruit .rcr_process {width:1470px; height:450px; background:url('/images/company/img_recruit.jpg') no-repeat center top;}
.contentsArea.recruit .rcr_process ul {width:1000px; margin:0 auto; padding-top:80px;}
.contentsArea.recruit .rcr_process ul:after {content:''; display:block; clear:both;}
.contentsArea.recruit .rcr_process ul li {float:left; width:25%; text-align:center; color:#fff; font-size:20px;}
.contentsArea.recruit .rcr_process ul li .sky {font-weight:600; display:block; color:#acd4ff; font-size:14px; margin-bottom:3px;}
.contentsArea.recruit .rcr_process ul li img {display:block; margin:20px auto;}
.contentsArea.recruit .rcr_process p {color:#fff; font-size:18px; width:875px; margin:0 auto; padding-top:25px; border-top:1px solid #5c5c5c;}
.contentsArea .kocom_re {text-align:center; margin-bottom:45px; font-weight:400;}
.contentsArea .kocom_re.address {margin-top:55px; font-weight:300;}
.contentsArea .kocom_re.address strong {font-weight:600; color:#303030; line-height:30px;}
.contentsArea.finance .btnArea {text-align:center;}
.contentsArea.stock .tblType03.topTable {margin-top:25px;}
.contentsArea.stock .tblType03.kospi {margin-top:50px;}
.contentsArea.stock .tblType03 th, .contentsArea.stock .tblType03 td {font-size:16px;}
.contentsArea.stock .tblType03 tfoot th, .contentsArea.stock .tblType03 tfoot td {font-weight:300;}
.contentsArea.stock .stockWrap:after {content:''; display:block; clear:both;}
.contentsArea.stock .stockWrap .left {float:left; width:48%; position:relative;}
.contentsArea.stock .stockWrap .right {float:right; width:48%; position:relative;}
.contentsArea.stock .stockWrap .recent {font-size:40px; color:#555; font-weight:600; display:inline-block; vertical-align:top; line-height:40px;}
.contentsArea.stock .stockWrap .recent .plus {font-size:18px;}
.contentsArea.stock .stockWrap .percent {display:inline-block; font-size:14px; line-height:21px; margin:0 0 0 50px;}
.contentsArea.stock .stockWrap .percent dl:after {content:''; display:block; clear:both;}
.contentsArea.stock .stockWrap .percent dt {clear:both; float:left; margin-right:10px;}
.contentsArea.stock .stockWrap .percent dd {float:left;}
.contentsArea.stock .stockWrap .time {font-size:14px; position:absolute; right:0; top:23px; color:#555;}
.contentsArea.stock .stockWrap .p_arrow {display:block; width:90px; height:60px; text-align:center; margin:0 auto; background:url('/images/company/bg_parrow.png') no-repeat center top; color:#fff; font-size:13px; font-weight:600; padding-top:20px;}
.contentsArea.stock .stockWrap .m_arrow {display:block; width:90px; height:60px; text-align:center; margin:0 auto; background:url('/images/company/bg_marrow.png') no-repeat center top; color:#fff; font-size:13px; font-weight:600; padding-top:20px;}
.contentsArea.stock .stockWrap .kpkd {font-size:14px; font-weight:400;}
.contentsArea.recruit .re_img {text-align:center; margin:75px 0;}
.contentsArea.recruit .re_img .image_mobile {display:none;}
.contentsArea.recruit .recruitWrap {width:1270px; margin:0 auto;}
.contentsArea.recruit .talentWrap {width:1470px; margin:75px auto 0; padding-top:451px; background:url('/images/company/img_talent.jpg') no-repeat center top;}
.contentsArea.recruit .talentWrap:after {content:''; display:block; clear:both;}
.contentsArea.recruit .talentWrap .img_mobile {display:none;}
.contentsArea.recruit .talentWrap .img_talent {display:none;}
.contentsArea.recruit .talentWrap dl {box-sizing:border-box; width:20%; float:left;}
.contentsArea.recruit .talentWrap dl.talent01, .contentsArea.recruit .talentWrap dl.talent03, .contentsArea.recruit .talentWrap dl.talent05 {margin-top:-82px;}
.contentsArea.recruit .talentWrap dl.talent01 dd {border-right:1px solid #dfdfdf;}
.contentsArea.recruit .talentWrap dl.talent03 dd {border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.contentsArea.recruit .talentWrap dl.talent05 dd {border-left:1px solid #dfdfdf;}
.contentsArea.recruit .talentWrap dl.talent02, .contentsArea.recruit .talentWrap dl.talent04 {margin-top:-120px;}
.contentsArea.recruit .talentWrap dt {font-size:34px; font-weight:600; color:#fff; padding:10px 20px; opacity:0; position:relative; top:20px;}
.contentsArea.recruit .talentWrap dd {background:#fff; padding:20px; height:60px; font-size:18px; line-height:26px; font-weight:300; opacity:0; position:relative; top:20px;}
.contentsArea.recruit .talentWrap dl.talent05 dd {border-right:none;}
.contentsArea.recruit .welfare_title {background:url('/images/company/bg_welfare.jpg') no-repeat center top; width:100%; height:450px; margin:75px auto;}
.contentsArea.recruit .welfare_title dl {color:#fff; text-align:right; padding:80px 60px;}
.contentsArea.recruit .welfare_title dt {font-size:22px; line-height:30px; margin-bottom:35px; opacity:0; position:relative; top:20px;}
.contentsArea.recruit .welfare_title dt span {font-size:150px; display:block; height:75px; line-height:normal;}
.contentsArea.recruit .welfare_title dd {font-size:18px; font-weight:300; line-height:26px; opacity:0; position:relative; top:20px;}
.contentsArea.recruit .welfare_text {width:1270px; margin:0 auto;}
.contentsArea.recruit .welfare_text .cibi_text dd li {display:table; width:100%; margin-top:20px;}
.contentsArea.recruit .welfare_text .cibi_text dd li:first-child {margin-top:0;}
.contentsArea.recruit .welfare_text .cibi_text dd li span {display:table-cell; vertical-align:middle; font-size:18px; line-height:26px;}
.contentsArea.recruit .welfare_text .cibi_text dd li span.icon {width:150px;}
.contentsArea.recruit .welfare_text .cibi_text dd li span strong {display:block; font-weight:400; font-size:20px; line-height:30px;}
.contentsArea.recruit #map {margin:50px 0; height:600px;}
.contentsArea.recruit .routeWrap:after {content:''; display:block; clear:both;}
.contentsArea.recruit .routeWrap dl {box-sizing:border-box; float:left; border-left:1px solid #dfdfdf; padding:0 30px 0 110px;}
.contentsArea.recruit .routeWrap dl.rt01 {border-left:none; width:28%; padding-left:80px; background:url('/images/company/ico_subway.png') no-repeat left top;}
.contentsArea.recruit .routeWrap dl.rt02 {width:32%; background:url('/images/company/ico_bus.png') no-repeat 25px top;}
.contentsArea.recruit .routeWrap dl.rt03 {width:40%; background:url('/images/company/ico_car.png') no-repeat 25px top;}
.contentsArea.recruit .routeWrap dt {color:#303030; font-size:18px; font-weight:400; margin-bottom:10px;}
.contentsArea.recruit .routeWrap dd {}
.contentsArea.recruit .btnArea {text-align:center;}
.contentsArea.recruit .magok {text-align:center; margin-top:60px; font-size:18px; line-height:24px; height:680px; background:url('/images/company/bg_magok.png') no-repeat center bottom;}
.contentsArea .businessWrap {text-align:center; color:#fff; display:table; width:100%; height:601px; box-sizing:border-box;}
.contentsArea .businessWrap01 {background:url('/images/company/bg_iot.jpg') no-repeat center top;}
.contentsArea .businessWrap02 {background:url('/images/company/bg_remodeling.jpg') no-repeat center top;}
.contentsArea .businessWrap03 {background:url('/images/company/bg_led.jpg') no-repeat center top;}
.contentsArea .businessWrap04 {background:url('/images/company/bg_si.jpg') no-repeat center top; height:1273px; padding:120px 0; color:#555; background-size:cover;}
.contentsArea .businessWrap dl{width:1470px; margin:0 auto; display:table-cell; vertical-align:middle;}
.contentsArea .businessWrap dl.bw01 dt {font-size:24px; font-weight:400; margin-bottom:20px; line-height:34px;}
.contentsArea .businessWrap dl.bw01 dd {}
.contentsArea .businessWrap dl.bw01 dd .icon_iot {margin-top:30px;}
.contentsArea .businessWrap dl.bw01 dd .icon_iot li {display:inline-block; text-align:center; margin:0 25px; line-height:38px;}
.contentsArea .businessWrap dl.bw01 dd .icon_iot li img {width:66px;}
.contentsArea .businessWrap .ledWrap {width:1470px; margin:0 auto; padding:9% 0; box-sizing:border-box;}
.contentsArea .businessWrap .ledWrap:after {content:''; display:block; clear:both;}
.contentsArea .businessWrap .ledWrap dl {text-align:left; padding:0 9%; float:left; box-sizing:border-box; width:50%;}
.contentsArea .businessWrap .ledWrap dl.led01 {border-right:1px solid #82838d;}
.contentsArea .businessWrap .ledWrap dl.led02 {float:right;}
.contentsArea .businessWrap .ledWrap dt {font-size:30px; font-weight:300; margin-bottom:15px;}
.contentsArea .businessWrap .ledWrap dt strong {font-weight:600;}
.contentsArea .businessWrap .ledWrap dt img {display:block; margin-bottom:15px; width:66px;}
.contentsArea .businessWrap .ledWrap dd {}
.contentsArea .si_title {font-size:33px; color:#004ea2; font-weight:300; margin-bottom:60px;}
.contentsArea .si_title strong {font-weight:600;}
.contentsArea .siWrap {width:1470px; margin:0 auto 40px; text-align:left;}
.contentsArea .siWrap:after {content:''; display:block; clear:both;}
.contentsArea .siWrap .siText {width:33.3%; float:left; box-sizing:border-box;}
.contentsArea .siWrap .siText dt {margin-bottom:20px;}
.contentsArea .siWrap .siText dt .num {display:inline-block; font-size:22px; font-weight:600; color:#8d9397; text-decoration:underline;}
.contentsArea .siWrap .siText dt .si_system {display:block; margin-top:20px; font-size:20px; font-weight:400; color:#303030; line-height:26px}
.contentsArea .siWrap .siText dt .blue {font-size:16px; line-height:22px; padding-top:10px;}
.contentsArea .siWrap .siText li {font-weight:300;}
.contentsArea .img_si {width:1470px; margin:0 auto; text-align:center; box-sizing:border-box; border:3px solid #d1d7da; padding:60px;}
.contentsArea .img_si .img_mobile {display:none;}

/* 푸터 */
.footer_menu {padding:3% 0; background:#171717; color:#fff;}
.footer_menu_wrap {width:1470px; margin:0 auto;}
.footer_menu_wrap:after {content:''; display:block; clear:both;}
.footer_menu_wrap .sitemap {float:left;}
.footer_menu_wrap .sitemap:after {content:''; display:block; clear:both;}
.footer_menu_wrap .sitemap dl {float:left; margin-right:50px;}
.footer_menu_wrap .sitemap dt {margin-bottom:15px;}
.footer_menu_wrap .sitemap dt a {color:#fff; font-size:20px;}
.footer_menu_wrap .sitemap dd {line-height:28px;}
.footer_menu_wrap .sitemap dd a {font-size:16px; color:#aaa;}
.footer_menu_wrap .network {float:right; width: 35%;}
.footer_menu_wrap .network .sns {margin-bottom:20px;}
.footer_menu_wrap .network .sns:after {content:''; display:block; clear:both;}
.footer_menu_wrap .network .sns li {float:left; margin-right: 1%;}
.footer_menu_wrap .network .sns li img {width:37px;}
.footer_menu_wrap .network dl {margin-bottom:15px;}
.footer_menu_wrap .network dt {font-size:28px;}
.footer_menu_wrap .network dd {font-size:45px; font-weight:600; line-height:50px;}
.footer_menu_wrap .network .ctt {margin-bottom:30px;}
.footer_menu_wrap .network .ctt li {font-size:16px; line-height:26px; font-weight:300;}
.footer_menu_wrap .network .ctt li img {vertical-align:middle; width:21px;}
.footer_menu_wrap .network .policy {color:#5d5d5d;}
.footer_menu_wrap .network .policy a {font-size:14px; color:#aaa; font-weight:300; padding:0 3px;}
.footer_menu_wrap .network .policy a.privacy {color:#99b8e2; padding-left:0;}

#foot{width:100%; background:#000; color:#888; font-size:12px;  padding:2% 0;}
.footWrap {width:1470px; margin:0 auto; position:relative;}
.footWrap:after {content:''; display:block; clear:both;}
.footWrap address {line-height:22px; width:85%; float:left;}
.footWrap address span {padding:0 5px 0 0;}
.footWrap .address_copy {color:#fff !important; background:#004ea2; border-radius:2px; margin-right:10px; font-size:11px; padding:3px; vertical-align:middle;}

.family {width:13%; float:right; position:relative;}
.family span {cursor:pointer; display:block; width:100%; height:42px; line-height:40px; padding:0 20px; background:url('/images/common/ico_arrow_top.png') no-repeat 90% center; color:#b3b3b3; font-size:14px; border:2px solid #808080; font-family:'Poppins'; border-radius:100px; font-weight:600; box-sizing:border-box;}
.family ul {position:absolute; left:0; bottom:92px; background:#000; width:100%; box-sizing:border-box; border-radius:20px; display:none; overflow:hidden; border:1px solid #333;}
.family ul li {line-height:42px;}
.family ul li:hover {background:#333;}
.family ul li a {display:block; padding:0 20px; color:#aaa; font-size:14px;}
.bottomLang {display:none;}

#google_translate_element {margin-top:10px;}
#google_translate_element:after {content:''; display:block; clear:both;}
#google_translate_element * {line-height:19px !important;}
#google_translate_element span {display:none;}
.goog-te-gadget {width:140px; overflow:hidden; float:right; color:#000 !important;}
.goog-te-gadget-icon {margin:0 !important;}
.goog-te-gadget img {vertical-align:top !important; height:100% !important;}
.goog-te-gadget-simple {background:transparent !important; font-size:12px !important; padding:0 !important; border-color:#888 !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#888 !important; margin:0; vertical-align:top 1;}
.goog-te-menu-frame {max-width:90% !important;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}



/*181005 테블릿 제품 메인 */
.scrollTab ul li a .pro_netext {height:36px; line-height:18px;}
.scrollTab.fixed li a {color: #fff; line-height: normal; padding: 12px 5px; display: inline-block; border-radius: 100px; min-width: 70%; max-width: 90%;}
.scrollTab.fixed li::before {position: absolute; left: 0; top: 50%; margin-top: -27.5px; content: '|'; float: left; padding: 15px 0; font-weight: 300; color: #999;}
.scrollTab.fixed li a p {height:auto;}