/*************************************************************************/
/*************************************************************************/
/******************************* 1024px **********************************/
/*************************************************************************/
/*************************************************************************/
@media only screen and (max-width:1024px){
img {max-width:100%;}
#wrap {min-width:100%; position:relative; overflow-y:hidden;}
.inner {width:92%; padding:0 4%;}

/* 테블릿/모바일 메뉴 */
.over {position:fixed; width:100%; height:100%; z-index:99; background:url('/images/common/bg_ov2.png') repeat 0 0; display:none;}
#allMenu {width:100%; box-sizing:border-box; position:absolute; z-index:200; left:-100%; top:70px; background:#fff; border-top:1px solid #e0e0e0; display:block;}
#allMenu dt {padding:0 4%; font-size:21px; color:#222; background:#fff url('/images/common/menu_off.png') no-repeat 96% center; background-size:17px; height:50px; line-height:50px; border-bottom:1px solid #e0e0e0;}
#allMenu dt a {display:block;}
#allMenu dt.on {background:#004ea2 url('/images/common/menu_on.png') no-repeat 96% center; background-size:17px; color:#fff;}
#allMenu dt.on a {color:#fff;}
#allMenu dd {background:#f8f8f8; display:none;}
#allMenu dd a {display:block; padding:0 4%;}
#allMenu dd > a {font-size:16px; color:#555; height:43px; line-height:43px; background:url('/images/common/menu2_off.png') no-repeat 96% center; background-size:13px; border-bottom:1px solid #dfdfdf;}
#allMenu dd > a.active {background:url('/images/common/menu2_on.png') no-repeat 96% center; background-size:13px;}
#allMenu dd > a.nondepth {background:none;}
#allMenu dd ul {border-bottom:1px solid #dfdfdf; padding:10px; display:none;}
#allMenu dd ul li {height:30px; line-height:30px;}
#allMenu dd ul li a {font-size:14px; font-weight:300; color:#555;}

/* 테블릿/모바일 검색 */
#mobileSearch {width:100%; box-sizing:border-box; position:absolute; z-index:100; padding:3%; background:#fff; display:block; top:-100px; text-align:center; transition:top 0.5s; -webkit-transition:top 0.5s; -o-transition:top 0.5s;}
#mobileSearch.on {top:70px;}
#mobileSearch .searchBox {border-bottom:1px solid #333; display:inline-block; min-width:50%; margin:0 auto; padding-bottom:5px;}
#mobileSearch .searchBox:after {content:''; display:block; clear:both;}
#mobileSearch .searchBox .search_text {height:40px; line-height:40px; float:left; width:85%; border:none;}
#mobileSearch .searchBox .search_btn {vertical-align:middle; line-height:40px; float:right; width:37px;}

/* GNB */
#header {height:70px; background:#fff;}
.headerWrap h1 {padding:20px 0 0 0; width:170px;}
.headerWrap h1 a img {vertical-align:top;}
#header.fixed .headerWrap h1 {padding:22px 0 0 0;}
#hiddenMenu {width:100%; display:block; position:absolute; top:0; left:0; z-index:40;}
#hiddenMenu a img {width:25px; vertical-align:top;}
#hiddenMenu a {margin-top:23px;}
#hiddenMenu a.btn_menu_m {position:absolute; left:4%;}
#hiddenMenu a.btn_search_m {position:absolute; right:4%; text-align:right;}
#topmenu {display:none;}

/* 메인 비주얼 */
#mainVisual li .visualText {margin-top:-1%;}

#mainVisual li .visualText h2 {font-size:3.5vw; line-height:4.5vw;}/*181005 - 수정*/
/*#mainVisual li .visualText h2 {font-size:4.5vw; line-height:5vw;}*/
#mainVisual li .visualText p {font-size:1.9vw; line-height:normal;}/*181005 - 수정*/
/*#mainVisual li .visualText p {font-size:2.4vw; line-height:normal;}*/

/* 메인 컨텐츠 */
.newPro .newProText {padding:7% 5%; width:100%;}
.newPro .newProText h3 {font-size:31px; line-height:normal; margin-bottom:1%;}
.newPro .newProText h3 span {font-size:24px; line-height:normal;}
.newPro .newProText p {font-size:18px;}
.newPro .newProText-black .btn_moreview {font-size:15px;}
.newPro .newProText-white .btn_moreview {font-size:15px;}

.recommPro .recommText {top:10%;}
.recommPro .recommText h3 {font-size:31px;/*resize 36*/ line-height:normal; margin-bottom:1%;}
.recommPro .recommText p {font-size:18px;/*resize 20*/ margin-bottom:5%;}
.recommPro .recommText-black .btn_moreview {font-size:15px;}
.recommPro .recommText-white .btn_moreview {font-size:15px;}

.bestProduct .title {font-size:36px;}
.bestProduct .pdtTab li {font-size:18px; border:1px solid #d0d0d0; border-radius:100px; padding:0 10px; line-height:2em; margin-bottom:7px;}
.bestProduct .pdtTab li.active {border:1px solid #004ea2; line-height:2em;}
.bestProduct .pdtTab span {display:none;}
.bestProduct .pdtCon .prd_image {width:78%;}
.bestProduct .pdtCon .bigImage a {height:50vw; padding:7%;}
.bestProduct .pdtCon .bigImage a dt {line-height:1.5em;}
.bestProduct .pdtCon .bigImage a dd {line-height:1.5em;}
.bestProduct .pdtCon .bigImage a dd.txt {font-size:1.4vw; line-height:1.5em;}
.bestProduct .pdtCon .tileImage a {height:24.49vw;}
.bestProduct .pdtCon .tileImage a dt {font-size:1.7vw; line-height:1.5em;}
.bestProduct .pdtCon .tileImage a dd {font-size:1.5vw; line-height:1.5em;}

.productSearch h3.title {font-size:36px;}
.productSearch p {font-size:20px; line-height:1.5em;}
.productSearch h4.title {font-size:2vw;}
.productSearch h4.title .example {font-size:1.3vw;}
.productSearch .keyword .inputBox {padding:2%;}
.productSearch .keyword .inputBox .text {font-size:1.4vw;}
.productSearch .category .nice-select {font-size:1.4vw; width:32.5%; height:46px; line-height:46px;}
.btn_search1 {height:48px; line-height:46px; font-size:1.8vw;}
/* 20180904 */
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.customerCenter h3.title {font-size:36px;}
.customerCenter p {font-size:20px; line-height:1.5em; margin-bottom:5%;}
.customerCenter .csWrap ul li a {font-size:16px;}

.boardLatest .col1, .boardLatest .col2, .boardLatest .col3 {width:100%; margin: 0;}
.boardLatest .col1, .boardLatest .col2 {margin-bottom: 3%;}
.boardLatest h3 {font-size:2.5vw;}
.boardLatest .more {top:5px;}
.boardLatest .col3 p a {padding-bottom: 3%; width: 80%;}
.latest.basic li {line-height:2.5vw; background-position:left 1.2vw; font-size:1.2vw;}
.latest.basic a {font-size:1.4vw;}
.latest.video li {text-align: left; font-size: 0;}
.latest.video li a {font-size:1.4vw;}
.latest.video li img {width:13.813vw; height:9.75vw;}
.latest.video li img.vod {margin: 0; left: 0;}

/* 서브페이지 공통 */
.subVisual {height:192px;}
.contentsArea .title {font-size:40px;}
.contentsArea .title_b {font-size:40px; margin-bottom:30px;}
.contentsArea .title_line .gray {font-size:14px; letter-spacing:8px;}
.contentsArea.store .subVisual {padding:8% 1%;}

/* 검색결과 */
.contentsArea.search_result .pdt_title {font-size:27px; margin-bottom:3%;}
.contentsArea.search_result .searchWrap {margin-bottom:3%;}
.contentsArea.search_result .searchWrap .select {height:45px; line-height:45px;}
.contentsArea.search_result .searchWrap input {height:45px; line-height:45px;}
.contentsArea.search_result .searchWrap input.text {height:43px; line-height:43px;}

/* 테이블 세팅 */
.tblType03 th, .tblType03 td {font-size:16px; padding:15px;}

/* 제품 인덱스 */
.contentsArea.product .pdt_index .txt {padding:5% 9%;}
.contentsArea.product .pdt_index .txt h2 {font-size:35px;}/*45*/
.contentsArea.product .pdt_index .txt p {font-size:18px;}/*22*/
.contentsArea.product .newPro .newProText {padding:8%;}
.contentsArea.product .newPro .newProText-right {width:68%; left:40%;}
.contentsArea.product .newPro .newProText h3 {font-size:45px;}
.contentsArea.product .newPro .newProText p {font-size:17px;}
.scrollTab ul li a {font-size:14px;}
.scrollTab.fixed li a {padding:7px; font-size:13px;}
.scrollTab.fixed li::before {padding:5px 0;}

/* 제품 리스트 */
.pdtList li {padding:3% 1%; height:24vw;}
.pdtList li .subject {font-size:18px;}
.pdtList.list5 li {height:22vw; padding:2% 1%;}
.contentsArea.product .searchDetail .category dl li label {min-width:15%}

/* 제품 뷰 */
.pcList .viewPagerWrap {width:15%; margin-top:10%;}
.pcList .viewPdtPager img {max-width:96%}
.pcList .pdtSlide {width:80%; margin-top:10%;}
.pdtInfoRight {padding:5%;}
.pdtInfoRight .snsShare {margin-top:11%; top:0;}
.pdtDetail .detailFixed .back {margin-right:10px;}
.pdtDetail .detailFixed .menuWrap {font-size:16px;}
.pdtDetail .detailFixed .detailTab li a {font-size:16px; padding:0 15px;}
.pdtDetail .detailSection05 .pdtList li {padding:0; height:27vw; width:300px !important;}
.pdtDetail .detailSection05 .bx-viewport {padding-bottom:3px;}
.pdtDetail .tblType01 table th, .pdtDetail .tblType01 table td {font-size:18px;}

/* 코콤 스토어 */
.contentsArea .storeIndex li {padding:10% 2%; height:auto; /*min-height:500px;*/}
.contentsArea .storeIndex li a img {height:60px;}
.contentsArea .storeIndex li dt {font-size:30px;}
.contentsArea .storeIndex li dd {font-size:14px; letter-spacing:-0.6px; line-height:1.5em;}
.contentsArea.storeInfo .storeText {background-size:100%; height:auto; padding-bottom:30%;}
.contentsArea.storeInfo .storeText br	{display:none;}
.contentsArea.storeInfo .storeIntro ul li span {width:15%;}
.contentsArea.storeInfo .storeIntro ul li dt {font-size:20px;}
.contentsArea .searchSelect .select {min-width:inherit;}
.contentsArea .searchSelect .text {width:30%;}
.contentsArea .searchSelect .select, .contentsArea .searchSelect input {font-size:16px;}
.contentsArea .mapWrap .storeList {width:42%;}
.contentsArea .mapWrap .storeList ul {height:600px;}
.contentsArea .mapArea {width:58%;}
.contentsArea .mapArea #map {height:600px;}

/* 고객지원 */
.contentsArea.customer .csCenterWrap .faqLatest {height:auto;}
.contentsArea.customer .csCenterWrap .faqLatest dt {padding:0 3%;}
.contentsArea.customer .csCenterWrap .faqLatest dd {padding:3%;}
.contentsArea.customer .csCenterWrap .faqLatest dd .latest.basic li {line-height:30px; background-position:0 13px;}
.contentsArea.customer .csCenterWrap .asCenterInfo {padding:3%; height:auto;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd.cctv {margin-bottom:3%;}
.toggleContents dt {padding:0 3%;}
.toggleContents dd {padding:1% 3%;}
.downloadService {padding:5%;}
.downloadService .productInfo h4 {font-size:28px; margin-bottom:2%;}
.downloadService .productInfo dl {font-size:16px; line-height:20px;}
.downloadService .downloadList li {padding:2% 0;}
.downloadService .downloadList li dt {font-size:18px; margin-bottom:1%;}
.downloadService .downloadList li dd {font-size:16px;}
.contentsArea .resultText dd ul li {width:33.3%;}

/* PR센터 */
.contentsArea.prcenter .storeIndex li {height:auto; padding:10% 1%;}
.contentsArea.prcenter .storeIndex .bx-wrapper {height:330px;}
.contentsArea.prcenter .storeIndex .latestSlide .thumb {width:20vmin; height:20vmin;}
.contentsArea.prcenter .storeIndex .latestSlide .subject {width:80%; font-size:20px;}
.contentsArea.prcenter .storeIndex .latestSlide .date {font-size:16px;}
.contentsArea.prcenter .storeIndex .latestSlide .contt {width:80%; font-size:16px;}
.contentsArea.prcenter .storeIndex .ebook .latestSlide .thumb {height:23vmin;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a {top:19%;}

/* 회사소개 */
.contentsArea.company .subVisual {height:400px; padding:6% 1%;}
.contentsArea.company .subVisual h2 {font-size:55px; margin-bottom:3%;}
.contentsArea.company .subVisual h2 .eng {letter-spacing:10px; line-height:24px;}
.contentsArea.company .subVisual p {margin:1% 0 3% 0; font-size:25px; line-height:normal;}
.contentsArea.company .subVisual .btn_round_whiteBig {font-size:22px;}
.contentsArea.company .storeIndex li {padding:10% 2%; /*height:auto*/}
.contentsArea.about .section {background-size:100%; background-position:center bottom;}
.contentsArea.about .section .about_txt {padding-top:20%;}
.contentsArea.about .section.systemWrap {height:470px;}
.contentsArea.about .section.systemWrap dt {font-size:20px;}
.contentsArea.about .section.systemWrap dd {font-size:16px; line-height:24px; padding:0 5%; box-sizing:border-box;}
.contentsArea.about .section.systemWrap dd br {display:none;}
.contentsArea.vision .visionWrap dt {font-size:20px;}
.contentsArea.vision .visionWrap dd {font-size:16px; line-height:24px; padding:0 5%; box-sizing:border-box;}
.contentsArea.vision .visionWrap dd br {display:none;}
.contentsArea.vision .visionWrap dd strong {display:block;}
.contentsArea .historyWrap dd {font-size:16px; line-height:24px;}
.contentsArea .historyWrap .left {width:48%; left:-1.5%;}
.contentsArea .historyWrap .right {width:48%;}
.contentsArea .numberWrap dt {font-size:18px;}
.contentsArea .numberWrap dd {font-size:60px;}
.contentsArea.certification .ctf_text dd .mark li {width:33.3%;}
.contentsArea .cibi_text {box-sizing:border-box; padding:3% 0 3% 23%;}
.contentsArea .cibi_text dt {font-size:20px; top:0; margin-top:3%;}
.contentsArea .cibi_text dd {font-size:16px; line-height:24px;}
.contentsArea .cibi_text .imgArea ul.engkor li {width:48%; margin-right:1%;}
.contentsArea .cibi_text .imgArea.palette img {width:25%; margin:0 1% 1% 0;}
.contentsArea .cibi_text .imgArea.bi img:first-child {display:block; width:auto; padding:0; margin-bottom:3%;}
.contentsArea.recruit .talentWrap dt {font-size:28px;}
.contentsArea.recruit .talentWrap dd {font-size:15px; line-height:22px;}
.contentsArea.recruit .talentWrap dd br {display:none;}
.contentsArea.recruit .welfare_text .cibi_text dd li span.icon {width:18%; padding-right:2%;}
.contentsArea.recruit .welfare_text .cibi_text dd li span {font-size:16px; line-height:24px;}
.contentsArea.recruit #map {margin:5% 0; height:350px;}
.contentsArea.recruit .rcr_process ul {width:90%;}
.contentsArea.recruit .rcr_process p {width:90%;}
.contentsArea.stock .stockWrap .left {float:none; width:100%;}
.contentsArea.stock .stockWrap .right {float:none; width:100%;}
.contentsArea.stock .tblType03 {margin-top:3%;}
.contentsArea.stock .tblType03.topTable {margin-top:3%;}
.contentsArea.stock .tblType03.kospi {margin-top:3%;}
.contentsArea.stock .stockWrap01 .right {margin-top:3%;}

.contentsArea .businessWrap dl.bw01 dd .icon_iot li {width:22%;} /*181005 - 수정*/
/*.contentsArea .businessWrap dl.bw01 dd .icon_iot li {margin:0 2%;}*/

.contentsArea .businessWrap .ledWrap {padding:6% 4%;}
.contentsArea .businessWrap .ledWrap dl {float:none; width:100%; padding:0 5%;}
.contentsArea .businessWrap .ledWrap dl.led01 {border:none;}
.contentsArea .businessWrap .ledWrap dl.led02 {margin-top:5%;}
.contentsArea .businessWrap .ledWrap dt:after {content:''; display:block; clear:both;}
.contentsArea .businessWrap .ledWrap dt {font-size:26px; line-height:50px;}
.contentsArea .businessWrap .ledWrap dt img {float:left; width:50px; margin:0 15px 0 0;}
.contentsArea .businessWrap .ledWrap dd {font-size:16px; line-height:24px;}
.contentsArea .si_title {margin-bottom:0; font-size:30px;}
.contentsArea .siWrap .siText {float:none; width:100%; padding:0; display:block; margin-top:5%;}
.contentsArea .siWrap .siText dt .si_system {margin-top:0; font-size:20px;}
.contentsArea .siWrap .siText dt .blue {font-size:16px;}

/* 푸터 */
.footWrap address {line-height:1.5em; width:78%;}
.footer_menu_wrap {position:relative;}
.footer_menu_wrap .sitemap {width:69%;}
.footer_menu_wrap .sitemap dl {margin-right:6%;}
.footer_menu_wrap .sitemap dt {font-size:1.5vw;}
.footer_menu_wrap .sitemap dd {line-height:2.4vw;}
.footer_menu_wrap .sitemap dd a {font-size:1.3vw;}
.footer_menu_wrap .network {width:31%;}
.footer_menu_wrap .network .sns {margin-bottom:8%;}
.footer_menu_wrap .network .sns li {width:11%;}
.footer_menu_wrap .network .sns li a img {width:80%;}
.footer_menu_wrap .network dd a {color:#fff;}
.footer_menu_wrap .network .ctt {margin-bottom:5%;}
.footer_menu_wrap .network .ctt li {font-size:13px; line-height:3vw;}
.footer_menu_wrap .network .policy a {font-size:13px;}
.footer_menu_wrap .network dl {margin-bottom:1%;}
.footer_menu_wrap .network dt {font-size:18px;}
.footer_menu_wrap .network dd {font-size:30px; line-height:1.5em;}
.family {width:15%;}
.family ul {bottom:78px;}
.family ul li {line-height:30px;}
.family span {width:100%; padding:0 10%; height:30px; line-height:26px;}

#contents .btn_top {width:40px;}

.bottomLang {display:block; position:absolute; right:4%; top:-3px;}
.bottomLang .lang {display:inline-block; position:relative; vertical-align:top; background:transparent;}
.bottomLang .lang * {font-size:13px;}
.bottomLang .lang dt {text-align:left; width:70px; height:30px; line-height:30px; box-sizing:border-box; padding-left:10px; border:1px solid #aaa; font-size:12px; background:url('/images/common/arrow_lang_w.png') no-repeat 85% center; background-size:6px; cursor:pointer;}
.bottomLang .lang dd {display:none; position:absolute; top:29px; left:0; border:1px solid #d0d0d0; width:70px; background:#fff; box-sizing:border-box; text-align:left;}
.bottomLang .lang dd a {display:block; padding:0 10px; line-height:30px;}
.bottomLang .lang dd a:hover {background:#f0f0f0;}



/*181005 main bottom*/
.boardLatest .col1, .boardLatest .col2 {padding-bottom:10px;}


/*181005 제품메인*/
.scrollTab.fixed li::before {margin-top:-17.5px; padding:5px 0;}

/*181005 회사소개 메인*/
.contentsArea.company .storeIndex li {height:503px;}


/*181005 메인 바텀 셀렉트박스*/
.productSearch .category {padding-top:3.5%;}


/*sub visual*/
.contentsArea.customer .subVisual {padding:6% 1%;}
.contentsArea.prcenter .subVisual {padding:6% 1%;}


/*회사비전*/
.contentsArea.vision .visionWrap dl:first-child {padding-bottom:220px;}
.contentsArea.vision .visionWrap dl:last-child {padding-bottom:105px;}


/*사업영역*/
.contentsArea .businessWrap02 dl.bw01 dd .icon_iot li {width:32%;}

/*181008 제품메인*/
.contentsArea.product .pdt_index .txt {padding:1.4% 4.4%;}
}

/************************************************************************/
/******************************* 768px **********************************/
/************************************************************************/
/************************************************************************/
@media only screen and (max-width:768px){

/* 헤더 */
.headerWrap h1 {width:150px; height:auto;}
#header.fixed .headerWrap h1 {padding-top:20px;}
#hiddenMenu a.btn_menu_m {margin-top:3%;}
#hiddenMenu a.btn_search_m {margin-top:3%;}
#hiddenMenu a img {height:25px; width:auto;}

/* 메인 비주얼 */
#mainVisual li .visualText {width:90%; left:5%;}
#mainVisual li .visualText h2 {font-size:3.7vw; line-height:4.7vw; margin-bottom:8px;} /*181005 - 수정*/
/*#mainVisual li .visualText h2 {font-size:5vw; line-height:5.4vw;}*/
#mainVisual li .visualText p {line-height:1.3em; margin-bottom:11px;}
#mainVisual li .visualText .btn_visual {font-size:1.8vw; height:4.6vw; line-height:4.6vw;}
#mainVisual .bx-pager {top:-24px;/*181005 resize top -20*/}
#mainVisual .bx-pager-item .bx-pager-link {width:30px;}

/* 메인 컨텐츠 */
.newPro .newProText {padding:7% 5%; width:100%;}
.newPro .newProText h3 {font-size:24px; line-height:normal; margin-bottom:1%;}
.newPro .newProText h3 span {font-size:20px; line-height:normal;}
.newPro .newProText p {font-size:16px;}
.newPro .newProText-black .btn_moreview {font-size:1.2vw;}
.newPro .newProText-white .btn_moreview {font-size:1.2vw;}

.recommPro .recommText {top:10%;}
.recommPro .recommText h3 {font-size:24px; line-height:normal; margin-bottom:1%;}
.recommPro .recommText p {font-size:16px; margin-bottom:5%;}
.recommPro .recommText-black .btn_moreview {font-size:1.2vw;}
.recommPro .recommText-white .btn_moreview {font-size:1.2vw;}

.newPro .newProText-black .btn_moreview {font-size:15px; height:35px; line-height:35px; padding:0 3%;}
.newPro .newProText-white .btn_moreview {font-size:15px; height:35px; line-height:35px; padding:0 3%;}

.recommPro .recommText-black .btn_moreview {font-size:15px; height:35px; line-height:35px; padding:0 3%;}
.recommPro .recommText-white .btn_moreview {font-size:15px; height:35px; line-height:35px; padding:0 3%;}

.bestProduct {margin:7% 0;}
.bestProduct .title {font-size:5.2vw;}
.bestProduct .pdtCon .icon img {width:50px;}
.bestProduct .pdtTab {margin-bottom:5%;}
.bestProduct .pdtTab span {display:none;}
.bestProduct .pdtTab li {font-size:18px; border:1px solid #d0d0d0; border-radius:100px; padding:0 10px; line-height:2em; margin-bottom:5px;}
.bestProduct .pdtTab li.active {border:1px solid #004ea2; line-height:2em;}
.bestProduct .pdtTab li {font-size:2vw; padding:0 1vw;}
.bestProduct .pdtTab li.active {line-height:4vw;}
.bestProduct .pdtCon .bigImage a dt {font-size:3vw;}
.bestProduct .pdtCon .bigImage a dd {font-size:2.6vw;}
.bestProduct .pdtCon .bigImage a dd.txt {font-size:1.8vw;}
.bestProduct .pdtCon .tileImage a dt {font-size:2.2vw;}
.bestProduct .pdtCon .tileImage a dd {font-size:1.8vw;}

.productSearch {padding:7% 0; background-size:cover; background-position:center center;}
.productSearch h3.title {font-size:5.2vw;}
.productSearch p {font-size:2.4vw;}
.productSearch h4.title {font-size:3vw;}
.productSearch h4.title .example {font-size:1.8vw;}
.productSearch .keyword {width:100%; padding:0; border:none; float:none;}
.productSearch .keyword .inputBox {padding:2% 1%;}
.productSearch .keyword .inputBox .text {font-size:2vw;}
.productSearch .category {width:100%; padding:0; margin:3% 0 0 0; padding:3% 0 0 0; border-top:1px solid #5f5f5f; float:none;}
.productSearch .category .nice-select {font-size:2vw; height:auto;}
.productSearch .btn_search1 {font-size:2.4vw; height:auto; line-height:normal; padding:2% 0;}
/* 20180904 */
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.customerCenter {padding:7% 0;}
.customerCenter h3.title {font-size:5.2vw;}
.customerCenter p {font-size:2.4vw;}
.customerCenter .csWrap ul li a {font-size:2.2vw;}

.boardLatest .col1, .boardLatest .col2 {width:100%; float:none; padding:0;}
.boardLatest h3 {font-size:4vw; margin-bottom:1%;}
.boardLatest .more {height:auto; line-height:normal; top:10px;}
.boardLatest .more a {font-size:2vw; padding:0 10px;}
.latest.basic li {line-height:30px; font-size:13px; background-position:0 1.2em; padding-left:10px;}
.latest.basic a {font-size:15px;}
.latest.video li {width:31%; margin-left:1%;}
.latest.video li:first-child {margin-left:0;}
.latest.video li a {font-size:1.8vw; line-height:2.5em;}
.latest.video li img {width:100%; height:20vw}
.latest.video li img.vod {left:0; margin-left:0; width:100%; height:auto;}

/* 서브 페이지 공통 */
.subVisual {height:auto;}
.subVisual h2 {font-size:30px;}
.contentsArea .title {font-size:32px; margin-bottom:5%;}
.contentsArea .title_b {font-size:32px; margin-bottom:5%;}
.contentsArea .title_line {font-size:22px;}
.contentsArea .title_line .gray {font-size:14px; margin-top:1%;}
.contentsArea .title2 {line-height:2em;}
.contentsArea .title2 p {font-size:20px;}
.contentsArea .title2 dt {font-size:24px;}
.contentsArea .title2 dd {font-size:16px;}
.list_bullet li {font-size:16px;}
.list_dash li {font-size:16px;}
.unit {font-size:14px;}
.contentsArea .section.pc_pdT0 {padding-top:4%;}

/* 테이블 셋팅 */
.tblType02 th, .tblType02 td {font-size:15px; padding:10px; word-break:keep-all;}
.tblType03 th, .tblType03 td {font-size:15px; padding:10px; word-break:keep-all;}

/* 검색결과 */
.contentsArea.search_result .pdt_title {font-size:24px; margin-bottom:3%;}
.contentsArea.search_result .searchWrap .select {width:28%; height:40px; line-height:40px; margin-bottom:5px;}
.contentsArea.search_result .searchWrap input {height:40px; line-height:40px;}
.contentsArea.search_result .searchWrap input.text {width:50%; height:38px; line-height:38px; width:70%;}

/* 제품 인덱스 */
.contentsArea.product .pdt_index .txt {padding:4.4%;}
.contentsArea.product .pdt_index .txt h2 {font-size:27px;}
.contentsArea.product .pdt_index .txt p {font-size:14px;}
.contentsArea.product .pdt_index .btnArea {margin-top:3%;}
.scrollTab ul li {width:25%; border:none;}
.scrollTab.fixed {display:none;}
.scrollTab.fixed li {padding:7px 0;}
.scrollTab.fixed li::before {content:''; float:none; padding:0;}
.scrollTab ul li a {font-size:14px;}
.mobileTab.fixed {overflow:inherit;}
.mobileTab.fixed li {padding:7px 0;}
.mobileTab ul li a {font-size:14px;}
.contentsArea.product .newPro .newProText {padding:10% 3%;}
.contentsArea.product .newPro .newProText h3 {font-size:27px; line-height:40px;}
.contentsArea.product .newPro .newProText p {font-size:14px; line-height:1.5em;}

#pcTab.active {display:none;}
.mobileCategory.fixed {position:fixed; width:100%; left:0; top:0; background:#262729; z-index:10; margin-bottom:0; overflow:inherit; box-sizing:border-box;}
.mobileCategory.fixed li {border:none; padding:7px 0;}
.mobileCategory.fixed li a {color:#fff; line-height:normal; padding:12px 15px; border-radius:100px; display:inline-block;}
.mobileCategory.fixed li a:hover {background:#fff; color:#333;}
.mobileCategory.fixed li a.on {background:#fff; border-radius:100px; color:#333;}
.mobileCategory.fixed li a img {display:none;}
.mobileCategory.fixed li a br {display:none;}

/* 제품 상세보기 */
.pdtInfo {margin-bottom:4%;}
.pdtInfoLeft {width:100%; float:none;}
.pcList .viewPagerWrap {width:auto; max-width:10%; margin-top:7%;}
.pcList .pdtSlide {margin-top:0; width:88%;}
.pdtInfoRight {width:100%; float:none; padding:7% 5%; min-height:auto;}
.pdtInfoRight .snsShare {margin-top:7%;}
.pdtInfoRight .btnArea .btn_round_blue {padding:0 8%;}
.pdtInfoRight .btnArea .btn_round_black2 {padding:0 8%;}
.pdtDetail .detailFixed {height:60px; line-height:60px;}
.pdtDetail .detailFixed .menu {display:none;}
.pdtDetail .detailFixed .back {width:60px; margin-right:2%;}
.pdtDetail .detailFixed .detailTab {float:none; margin:0; width:87%; text-align:center; padding:0;}
.pdtDetail .detailFixed .detailTab li {display:inline-block; float:none;}
.pdtDetail .detailSection .pdt_title {font-size:26px; margin-bottom:3%;}
.pdtDetail .detailSection05 .pdtList li {width:222px !important; height:222px !important; box-sizing:border-box; padding:10px 0;}
.pdtDetail .tblType01 table {width:100%;}
.pdtDetail .tblType01 table th, .pdtDetail .tblType01 table td {font-size:16px; padding:3%;}
/* 20180912 add */
.pdtDetail .tblType01 table th,
.pdtDetail .tblType01 table td {display:block; width:100%;}
.pdtDetail .tblType01 table td {border:none; padding-top:0;}
.pdtDetail .tblType01 table th {padding-bottom:1%;}
.pdtDetail .tblType01 table tr:first-child td {border-top:none;}
.pdtDetail .tblType01 table tr:last-child th {border-bottom:none;}
/* /// 20180912 add */
.pdtDetail .detailFixed {display:none;}
.pdtDetail .mobileFixed {display:block; background:#262729; position:relative; height:71px; line-height:71px; z-index:60;}
.pdtDetail .mobileFixed.active {position:fixed; width:100%; top:71px; left:0;}
.pdtDetail .mobileFixed:after {content:''; display:block; clear:both;}
.pdtDetail .mobileFixed .back {float:left; width:10%;}/*20180905*/
.pdtDetail .mobileFixed .dropMenu {float:left; width:48%; color:#fff; box-sizing:border-box; padding:0 0 0 4%; position:relative;}
.pdtDetail .mobileFixed .dropMenu01 {margin-left:0; width:42%;}
.pdtDetail .mobileFixed .dropMenu span {display:block; background:url('/images/sub/ico_drop_off.png') no-repeat 92% center; background-size:15px; font-size:18px;}
.pdtDetail .mobileFixed .dropMenu span.detailNone {background:none;}
.pdtDetail .mobileFixed .dropMenu span.detailNone.on {background:none;} /* 20180913 */
.pdtDetail .mobileFixed .dropMenu span.on {background:url('/images/sub/ico_drop_on.png') no-repeat 92% center; background-size:15px;}
.pdtDetail .mobileFixed .dropMenu01 span {border-right:1px solid #4f5050;}
.pdtDetail .mobileFixed .dropMenu ul {position:absolute; left:0; top:70px; background:#424345; width:100%; box-sizing:border-box; display:none;}
.pdtDetail .mobileFixed .dropMenu ul li {border-top:1px solid #555;}
.pdtDetail .mobileFixed .dropMenu ul li a {color:#fff; display:block; padding:0 5%; font-size:18px;}
.pdtDetail .mobileFixed .dropMenu01 ul {border-right:1px solid #555;}
.pdtDetail .mobileFixed .dropMenu01 a {color:#fff;}/* 20180913 */

/* 제품 리스트 */
.contentsArea.product .searchDetail .category dl {float:none; width:100%; border:none; min-height:auto;}
.contentsArea.product .searchDetail .category .tt {position:relative; left:0; top:0; font-size:16px;}
.contentsArea.product .searchDetail .category dd {padding:0;}
.contentsArea.product .searchDetail .category .result {float:none; width:100%; padding-top:2%; margin-top:2%; border-top:1px solid #dfdfdf;}
.contentsArea.product .searchDetail .category .result b {font-size:30px; line-height:36px;}
.contentsArea .pdt_title {font-size:32px; margin-bottom:3%;}
.contentsArea .pdt_title span {line-height:32px;}
.pdtList li {padding:3%; height:auto;}
.pdtList li .subject {font-weight:400; font-size:15px; margin-top:5px;}
.pdtList li .icon img {width:35px;}

/* 코콤 스토어 */
.contentsArea.store .subVisual {height:auto; padding:10% 1%;}
.contentsArea.store .subVisual h2 {font-size:40px;}
.contentsArea.store .subVisual p {font-size:18px;}
.contentsArea.store .subVisual .inputBox {height:55px; padding:15px 0 0 15px;}
.contentsArea.store .subVisual .inputBox input.text {height:27px; font-size:18px;}
.contentsArea.store .subVisual .inputBox input.button {height:55px; font-size:18px;}
.contentsArea .storeIndex li {width:49.5%; margin-left:1%; padding:0 2%;}
.contentsArea .storeIndex li:nth-child(odd) {float:left; margin:0 0 1% 0;}
.contentsArea .storeIndex li:nth-child(even) {float:right; margin:0 0 1% 1%;}
.contentsArea .storeIndex li a {padding:30% 0;}
.contentsArea .storeIndex li a img {height:60px;}
.contentsArea .storeIndex li dt {font-size:28px;}
.contentsArea .storeIndex li dd {font-size:16px; line-height:normal;}
.contentsArea.storeInfo .storeText {margin-bottom:5%; line-height:1.5em;}
.contentsArea.storeInfo .storeIntro ul li dt {font-size:16px;}
.contentsArea.storeInfo .storeIntro ul li dd {line-height:1.5em;}
.contentsArea.findStore .searchSelect .select {margin-bottom:0; font-size:16px;}
.contentsArea .searchSelect input.text {vertical-align:top; width:38%; font-size:16px;}
.contentsArea .searchSelect .select {font-size:16px;}
.contentsArea .searchResult .total {font-size:inherit;}
.contentsArea .listType {display:block; margin:5% 0;}
.contentsArea .listType a img {vertical-align:middle; margin-top:-1px;}
.contentsArea .listType a {background:#fff; color:#303030; border-color:#303030; padding:0 15px 0 30px;}
.contentsArea .listType a:nth-child(1) {color:#303030; background:#fff url('/images/store/ico_list_map_off.png') no-repeat 13px center; background-size:15px;}
.contentsArea .listType a:nth-child(1).on {color:#fff; background:#303030 url('/images/store/ico_list_map_on.png') no-repeat 13px center; background-size:15px;}
.contentsArea .listType a:nth-child(2) {color:#303030; background:#fff url('/images/store/ico_list_list_off.png') no-repeat 13px center; background-size:15px;}
.contentsArea .listType a:nth-child(2).on {color:#fff; background:#303030 url('/images/store/ico_list_list_on.png') no-repeat 13px center; background-size:15px;}
.contentsArea .mapWrap .storeList {display:none; width:100%; float:none; border:1px solid #dfdfdf; margin-bottom:0;}
.contentsArea .mapWrap .storeList ul {height:100vmin; background:#fff;}
.contentsArea .mapWrap .storeList ul dl {padding:15px 10px 15px 40px; background-position:10px 15px;}
.contentsArea .mapWrap .storeList ul li:hover dl {background-position:10px 15px;}
.contentsArea .mapWrap .storeList ul dt {font-size:16px;}
.contentsArea .mapWrap .storeList ul dd {font-size:14px;}
.contentsArea .mapWrap .mapArea {width:100%; float:none;}
.contentsArea #map {height:400px;}

.contentsArea.serviceCenter .serviceCenterWrap {padding: 0; -webkit-background-size: 100%; background-size: 100%; background-position: right bottom; height: 284px;}
.contentsArea.serviceCenter .serviceCenterWrap dt {font-size: 20px; font-weight: 400;}
.contentsArea.serviceCenter .serviceCenterWrap dd {font-size: 40px;}
.contentsArea.serviceCenter .serviceCenterWrap span.blue_line {margin: 20px 0;}
.contentsArea.serviceCenter .serviceCenterWrap ul li {font-size: 16px;}

/* 고객지원 */
.contentsArea.customer .subVisual {height:auto; padding:10% 1%;}
.contentsArea.customer .subVisual h2 {font-size:40px;}
.contentsArea.customer .subVisual p {font-size:18px;}
.contentsArea.customer .subVisual .inputBox {height:55px; padding:15px 0 0 15px;}
.contentsArea.customer .subVisual .inputBox input.text {height:27px; font-size:18px;}
.contentsArea.customer .subVisual .inputBox input.button {height:55px; font-size:18px;}
.contentsArea .findProduct {margin-top:3%;}
.contentsArea.download .product_search {margin-bottom:6%;}
.contentsArea.download .product_search .text {height:40px; line-height:40px; font-size:13px;}/*20180905*/
.contentsArea .findProduct li {min-height:66vw;}
.contentsArea .findProduct li:nth-child(odd) {margin-left:0; float:left;}
.contentsArea .findProduct li:nth-child(even) {margin-right:0; float:right;}
.contentsArea .findProduct li dt {font-size:18px; word-break:break-all; line-height:20px; line-height:18px; padding-bottom:10px;}/*20180905*/
.contentsArea .findProduct li dd {line-height:1.5em;}
.contentsArea.customer .csCenterWrap .faqLatest {float:none; width:100%;}
.contentsArea.customer .csCenterWrap .asCenterInfo {float:none; width:100%; padding:3%;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd.cctv {margin-bottom:3%;}
.contentsArea .findProduct li {width:49%; margin-bottom:5%;}
.toggleContents dt {font-size:20px;}
.toggleContents dt span {background-size:20px; padding-left:30px;}
.toggleContents dt.on span {background-size:20px;}
.toggleContents dd {font-size:16px; line-height:27px;}
.toggleContents dd .rule01 {background-size:40px; padding-left:55px;}
.toggleContents dd .rule02 {background-size:40px; padding-left:55px;}
.toggleContents dd .rule03 {background-size:40px; padding-left:55px;}
.contentsArea .resultText dd ul li {width:50%;}
.downloadService .productInfo {width:100%; float:none; margin:0 0 5% 0;}
.downloadService .productInfo dl {position:relative;}
.downloadService .productInfo dl:after {content:''; display:block; clear:both;}
.downloadService .downloadList {width:100%; float:none;}
.contentsArea .storeIndex li .asCenterInfo {padding:30% 0;}

/* PR센터 */
.contentsArea.prcenter .subVisual {height:auto; padding:10% 1%; background-position:center bottom; background-size:cover;}
.contentsArea.prcenter .subVisual h2 {font-size:40px}
.contentsArea.prcenter .subVisual p {font-size:18px}
.contentsArea.prcenter .subVisual .btn_round_whiteBig {font-size:16px; height:50px; line-height:50px;}
.contentsArea.prcenter .storeIndex li {padding:8% 3%;}
.contentsArea.prcenter .storeIndex .bx-wrapper {height:300px;}

/* 회사소개 */
.contentsArea.company .subVisual {background-position:88% top; height:auto; padding:8% 1%;}
.contentsArea.company .subVisual h2 {font-size:40px; margin-bottom:0; line-height:normal;}
.contentsArea.company .subVisual h2 .eng {font-size:18px;}
.contentsArea.company .subVisual p {font-size:18px;}
.contentsArea.company .subVisual .btn_round_whiteBig {font-size:16px; height:50px; line-height:50px;}
.contentsArea.company .storeIndex li {width:49%; margin-left:1%; padding:0 2%;}
.contentsArea.greetings .section p {line-height:1.5em;}
.contentsArea.greetings .section .greeting_img {background-size:100%; height:auto; padding-bottom:30%; margin-bottom:5%;}
.contentsArea.greetings .greeting_img {font-size:20px; height:260px; background-size:100%;}
.contentsArea.greetings .greeting_text .txt01 {width:100%; float:none;}
.contentsArea.greetings .greeting_text .txt02 {width:100%; float:none;}
.contentsArea.greetings .greeting_text .sign {background-size:52%; padding:20px 25% 0px 0;}
.contentsArea.greetings .greeting_text .sign .name {font-size:20px;}
.contentsArea.about .section {background-position:center center;}
.contentsArea.about .section p {font-size:inherit; line-height:1.5em;}
.contentsArea.about .section {background-size:100%; background-position:center 68%;}
.contentsArea.about .section.systemWrap {height:360px;}
.contentsArea.about .section.systemWrap dt {font-size:18px;}
.contentsArea.about .section.systemWrap dd {font-size:14px; line-height:20px;}
.contentsArea .ctf_title {font-size:18px; line-height:1.5em; margin-bottom:5%;}
.contentsArea.vision .section p {font-size:inherit; line-height:1.5em;}
.contentsArea.vision .visionWrap {height:430px; overflow:hidden;}
.contentsArea.vision .visionWrap dt {font-size:18px;}
.contentsArea.vision .visionWrap dd {font-size:14px; line-height:20px;}
.contentsArea .cibi_text {padding:6% 3%;}
.contentsArea .cibi_text dt {position:relative; left:0; top:0; margin:0 0 3% 0;}
.contentsArea.certification .ctf_text dt {position:relative; left:0; top:0; margin-bottom:2%;}
.contentsArea.certification .ctf_text {padding:0;}
.contentsArea .historyWrap .left {left:-2.5%; margin-top:0;}
.contentsArea .historyWrap .right {margin-top:0;}
.contentsArea .kocom_re {font-size:16px; margin-bottom:3%; line-height:26px;}
.contentsArea .kocom_re.address {font-size:16px;}
.contentsArea.recruit .talentWrap {background-size:100%; padding-top:36%; height:auto;}
.contentsArea.recruit .talentWrap dl {float:none; width:100%; overflow:hidden; line-height:1.5em;}
.contentsArea.recruit .talentWrap dl.talent01, .contentsArea.recruit .talentWrap dl.talent03, .contentsArea.recruit .talentWrap dl.talent05 {margin-top:2%;}
.contentsArea.recruit .talentWrap dl.talent02, .contentsArea.recruit .talentWrap dl.talent04 {margin-top:2%;}
.contentsArea.recruit .talentWrap dt {color:#303030; padding:0; font-size:22px; float:left; width:6%; color:#004ea2;}
.contentsArea.recruit .talentWrap dd {padding:0; border:none !important; height:auto; float:left; width:94%;}
.contentsArea.recruit .welfare_title {display:table; height:auto;}
.contentsArea.recruit .welfare_title dl {display:table-cell; vertical-align:middle; padding:8% 5%;}
.contentsArea.recruit .welfare_title dt {font-size:20px; line-height:26px;}
.contentsArea.recruit .welfare_title dt span {font-size:130px; height:60px;}
.contentsArea.recruit .welfare_title dd {font-size:16px; line-height:24px;}
.contentsArea.recruit .welfare_text .cibi_text dd li span strong {font-size:16px;}
.contentsArea.recruit .routeWrap dl {padding:60px 0 3% 0; float:none; width:100%; border:none; border-bottom:1px solid #dfdfdf; margin-bottom:3%; width:100% !important;}
.contentsArea.recruit .routeWrap dl.rt01 {padding-left:0; background-position:0 0; background-size:50px;}
.contentsArea.recruit .routeWrap dl.rt02 {background-position:0 0; background-size:50px;}
.contentsArea.recruit .routeWrap dl.rt03 {background-position:0 0; background-size:50px;}
.contentsArea.recruit .routeWrap dt {font-size:16px; margin-bottom:5px;}
.contentsArea.recruit .routeWrap dd {font-size:16px; line-height:30px;}
.contentsArea.recruit .routeWrap dd li br {display:none;}
.contentsArea.recruit .rcr_process ul li {font-size:18px;}
.contentsArea.recruit .rcr_process ul li img {width:80%;}
.contentsArea.recruit .rcr_process p {font-size:16px;}
.contentsArea.recruit .magok {background-size:100%; height:auto; padding-bottom:50%; margin:30px 0 0 0;}
.contentsArea.recruit .magok p {font-size:16px;}
.contentsArea.stock .tblType03 th, .contentsArea.stock .tblType03 td {font-size:15px;}
.contentsArea .businessWrap {height:auto; background-size:cover; padding:8% 0;}
.contentsArea .businessWrap02 {height:auto; background-size:cover; padding:8% 0;}
.contentsArea .businessWrap03 {height:auto; background-size:cover;}
.contentsArea .businessWrap dl.bw01 dt {font-size:24px;}
.contentsArea .businessWrap dl.bw01 dd {font-size:16px; line-height:24px;}
.contentsArea .businessWrap dl.bw01 dd .icon_iot {margin-top:0;}

.contentsArea .businessWrap dl.bw01 dd .icon_iot li {width:28%; margin-top:2%;}
.contentsArea .businessWrap02 dl.bw01 dd .icon_iot li {width:38%; margin-top:2%;}
/*.contentsArea .businessWrap dl.bw01 dd .icon_iot li {margin:4% 4% 0;}*/


.contentsArea .businessWrap .ledWrap dt {font-size:24px; line-height:45px;}
.contentsArea .businessWrap .ledWrap dt img {width:45px;}
.contentsArea .siWrap .siText dt {margin-bottom:1%;}

/* 푸터 */
#foot {font-size:1.5vw;}
#foot a {color:#888;}
.footer_menu_wrap .sitemap {width:100%; float:none;}
.footer_menu_wrap .sitemap dl {margin-right:0; width:20%; text-align:left;}
.footer_menu_wrap .sitemap dt a {font-size:16px;}
.footer_menu_wrap .sitemap dd {line-height:1.5em;}
.footer_menu_wrap .sitemap dd a {font-size:13px;}
.footer_menu_wrap .network {margin-top:3%; padding-top:3%; width:100%; float:none; position:relative; text-align:left; border-top:1px solid #444;}
.footer_menu_wrap .network .sns {text-align:left; margin-bottom:3%;}
.footer_menu_wrap .network .sns li {width:40px; float:none; display:inline-block;}
.footer_menu_wrap .network .sns li img {vertical-align:middle;}
.footer_menu_wrap .network dt {font-size:2.5vw; line-height:2.5vw; margin-bottom:10px;}
.footer_menu_wrap .network dd {font-size:5vw; line-height:5vw;}
.footer_menu_wrap .network .ctt li {font-size:2vw;}
.bottomLang {top:inherit; bottom:0px; right:4%;}
.bottomLang .lang dd {top:inherit; bottom:29px;}
.family {width:20%;}


/*181004 메인 바텀*/
.boardLatest .col1, .boardLatest .col2 {padding-bottom:10px;}

/*181004 sub visual*/
.subVisual {padding:6% 1% 5%;}

/*181004 메뉴얼 다운로드*/
.pdtDetail .mobileFixed .dropMenu.newdrop {width:60%;} 


/*181004 회사소개 메인*/
.contentsArea.company .storeIndex li {height:488px;}


/*181004 about us*/
.contentsArea.about .section.systemWrap {height:430px;}
.contentsArea.about .section.systemWrap dt {line-height:26px;}
.contentsArea.about .section.systemWrap dd {padding-top:8px;}
.contentsArea.vision .visionWrap {height:500px;}

/*181005 메인 비쥬얼*/
#mainVisual li .visualText p {font-size:2.3vw;}



/*181008 제품메인*/
.contentsArea.product .pdt_index .txt {padding:0.8% 4.4%;}


/*20181031*/
.contentsArea .storeIndex li .renew_atag {padding:0;}
}

/************************************************************************/
/******************************* 640px **********************************/
/************************************************************************/
/************************************************************************/
@media only screen and (max-width:640px){
.inner {width:90%; padding:0 5%;}

/* 헤더 */
#header {height:65px;}
.headerWrap h1 {width:120px; padding:20px 0 0 0;}
#header.fixed .headerWrap h1 {width:120px;}
#hiddenMenu a.btn_menu_m {left:5%; margin-top:20px;}
#hiddenMenu a.btn_search_m {right:5%; margin-top:20px;}
#allMenu {top:65px;}
#mobileSearch.on {top:65px;}

/* 메인 비주얼 */
#mainVisual .visual_m {display:inline;}
#mainVisual .visual_p {display:none;}
#mainVisual li .visualText {left:5%; width:90%;}
#mainVisual li .visualText h2 {font-size:8vw; line-height:1.2em;}
#mainVisual li .visualText p {font-size:5vw;}
#mainVisual li .visualText .btn_visual {font-size:4.5vw; height:auto; line-height:2.2em;}
#mainVisual li .visualText.text-left {text-align:center;}
#mainVisual li .visualText.text-right {text-align:center;}

/* 메인 컨텐츠 */
.mainConWrap {margin-top:5%;}
.pro_p {display:none;}
.pro_m {display:inline; max-width:100% !important;}
.newPro {margin-top:3%;}
.newPro .newProText {text-align:center; left:0; top:5%;}
.newPro .newProText h3 {font-size:7vw; line-height:1.2em;}
.newPro .newProText h3 span {font-size:4vw; line-height:1.2em;}
.newPro .newProText p {font-size:4vw;}
.newPro .newProText-black .btn_moreview {font-size:16px; height:40px; line-height:40px; padding:0 5%;}
.newPro .newProText-white .btn_moreview {font-size:16px; height:40px; line-height:40px; padding:0 5%;}
.recommPro {width:100%; float:none; margin-top:3%;}
.recommPro .recommText {left:0; top:5%; padding:6% 5%;}
.recommPro .recommText h3 {font-size:7vw; line-height:1.2em;}
.recommPro .recommText p {font-size:4vw;}
.recommPro .recommText-black .btn_moreview {font-size:14px; height:40px; line-height:40px; padding:0 5%;}
.recommPro .recommText-white .btn_moreview {font-size:14px; height:40px; line-height:40px; padding:0 5%;}
.bestProduct .title {font-size:34px; line-height:normal; margin-bottom:3%;}
.bestProduct .pdtTab {text-align:center;}
.bestProduct .pdtTab li {font-size:16px; border:1px solid #d0d0d0; border-radius:100px; padding:0 10px; line-height:2em; margin-bottom:3px;}
.bestProduct .pdtTab li.active {border:1px solid #004ea2; line-height:2em;}
.bestProduct .pdtCon .icon img {width:40px;}
.bestProduct .pdtCon .bigImage {width:100%; float:none; margin-bottom:2%;}
.bestProduct .pdtCon .bigImage a dt {font-size:24px;}
.bestProduct .pdtCon .bigImage a dd {font-size:20px;}
.bestProduct .pdtCon .bigImage a dd.txt {font-size:18px;}
.bestProduct .pdtCon .tileImage {width:100%; float:none;}
.bestProduct .pdtCon .tileImage a {height:46vmin;}
.bestProduct .pdtCon .tileImage a dt {font-size:20px;}
.bestProduct .pdtCon .tileImage a dd {font-size:15px;}
.productSearch .searchWrap {width:90%; padding:0 5%;}
.productSearch h3.title {font-size:34px;}
.productSearch p {font-size:18px}
.productSearch h4.title {font-size:20px;}
.productSearch h4.title .example {font-size:14px;}
.productSearch .keyword .inputBox .text {font-size:15px; width:87%;}
.productSearch .category {margin:5% 0 0 0; padding:5% 0 0 0;}
.productSearch .category .nice-select {font-size:15px;}
.productSearch .btn_search1 {padding:2% 0; font-size:15px;}
/* 20180904 */
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.customerCenter h3.title {font-size:34px;}
.customerCenter p {font-size:18px;}
.customerCenter .csWrap ul {width:70%; margin:0 auto;}
.customerCenter .csWrap ul li {width:50%; box-sizing:border-box; border:none; float:left; padding:6%;}
.customerCenter .csWrap ul li:nth-child(1), .customerCenter .csWrap ul li:nth-child(2) {border-bottom:1px solid #c9c9c9; padding-top:0;}
.customerCenter .csWrap ul li:nth-child(2), .customerCenter .csWrap ul li:nth-child(4) {border-left:1px solid #c9c9c9;}
.customerCenter .csWrap ul li:nth-child(3), .customerCenter .csWrap ul li:nth-child(4) {padding-bottom:0;}
.customerCenter .csWrap ul li:nth-child(3) {clear:both;}
.customerCenter .csWrap ul li a {font-size:18px; font-weight:400;}
.customerCenter .csWrap ul li a img {width:40%;}
.boardLatest {padding:5%; width:90%;}
.boardLatest h3 {font-size:20px; margin-bottom:2%;}
.boardLatest .more {top:0;}
.boardLatest .more a {font-size:14px;}
.latest.basic li {font-size:14px;}
.latest.basic a {font-size:14px;}
.latest.video li a {font-size:14px;}

/* 서브페이지 공통 */
.list_bullet li {font-size:14px; line-height:26px; background-position:0 10px;}

/* 제품 인덱스 */
.contentsArea.product .pdt_index .txt {text-align:center; top:15%;}
.contentsArea.product .pdt_index .txt h2 {font-size:8vw; margin-bottom:2%;}
.contentsArea.product .pdt_index .txt p {font-size:4.6vw; line-height:1.5em;}
.contentsArea.product .newPro .newProText h3 {font-size:8vw; margin-bottom:5%;}
.contentsArea.product .newPro .newProText p {font-size:4vw; line-height:1.5em;}
.contentsArea.product .newPro .newProText p br {display:none;}
.contentsArea.product .newPro .newProText-right {width:100%; left:0;}

.scrollTab ul li {width:33.3%;}
.scrollTab.fixed li a {padding:6px 10px; font-size:13px;}

/* 제품 리스트 */
.contentsArea.product.list .pdt_index .txt {top:0;}
.contentsArea.product.list .pdt_index .txt h2 {font-size:24px;}
.contentsArea.product.list .pdt_index .txt p {font-size:16px;}
.contentsArea.product .searchDetail .category ul li {padding:0; line-height:30px; margin:0 0 20px 0;}
.contentsArea.product .searchDetail .category ul li .tt {position:relative; display:block;}
.pdtList.list4 li {width:33.3%; height:26vw;}
.pdtList.list5 li {width:33.3%; height:28vw;}
.pdtList li .subject {font-size:14px;}

/* 제품 뷰 */
.pdtDetail .detailFixed .detailTab li a {padding:0 15px; font-size:15px;}
.contentsArea .pdt_title span {line-height:normal;}

/* 코콤 스토어 */
.contentsArea.store .subVisual h2 {font-size:35px;}
.contentsArea.store .subVisual p {font-size:16px;}
.contentsArea.store .subVisual .storeSearch {width:90%; margin-top:3%;}
.contentsArea.store .subVisual .inputBox {height:44px; padding:9px 0 0 9px;}
.contentsArea.store .subVisual .inputBox input.text {width:60%; font-size:14px;}
.contentsArea.store .subVisual .inputBox input.button {width:25%; height:44px;}
.contentsArea .storeIndex li {box-sizing:border-box; width:49.5%; height:60vmin;}
.contentsArea .storeIndex li a img {height:40px;}
.contentsArea .storeIndex li dt {font-size:27px;}
.contentsArea .storeIndex li dd {font-size:16px; line-height:1.5em; min-height:36px;}
.contentsArea .storeIndex li dd br {display:none;}
.contentsArea .searchSelect {margin-bottom:5%; text-align:left;}
.contentsArea .searchSelect .select {min-width:150px;}
.contentsArea.findStore .searchSelect .select {margin-bottom:5px; font-size:14px; height:40px; line-height:40px;}
.contentsArea .searchSelect input.text {width:70%; font-size:14px; height:40px; line-height:40px;}
.contentsArea .searchSelect input.button {height:40px; line-height:40px; font-size:14px; width:80px;}
.contentsArea .mapWrap .mapArea #map {height:400px;}
.contentsArea .mapArea .asNumber {font-size:16px; width:auto; padding:3%;}
.contentsArea .mapArea .asNumber b {font-size:26px;}
.contentsArea .mapArea .asNumber p {font-size:13px;}

/* 고객지원 */
.contentsArea.customer .subVisual h2 {font-size:35px;}
.contentsArea.customer .subVisual p {font-size:16px;}
.contentsArea.customer .subVisual .storeSearch {width:90%; margin-top:3%;}
.contentsArea.customer .subVisual .inputBox {height:44px; padding:9px 0 0 9px;}
.contentsArea.customer .subVisual .inputBox input.text {width:60%; font-size:14px;}
.contentsArea.customer .subVisual .inputBox input.button {width:25%; height:44px;}
.contentsArea.download .product_search .text {width:70%;}
.contentsArea.download .product_search .btn_search2 {width:20%; box-sizing:border-box;}
.downloadService .downloadList li dd {font-size:14px;}

/* PR센터 */
.contentsArea.prcenter .subVisual h2 {font-size:35px}
.contentsArea.prcenter .subVisual p {font-size:16px}
.contentsArea.prcenter .subVisual .btn_round_whiteBig {font-size:14px; height:40px; line-height:40px; padding:0 20px;}
.contentsArea.prcenter .storeIndex li {height:82vmin; padding:12% 3%;}
.contentsArea.prcenter .storeIndex li dl {margin-bottom:10%;}
.contentsArea.prcenter .storeIndex .bx-wrapper {height:auto; padding-bottom:5%;}
.contentsArea.prcenter .storeIndex .latestSlide .subject {margin:5% auto; font-size:15px; line-height:1.5em;}
.contentsArea.prcenter .storeIndex .latestSlide .contt {font-size:14px;}
.contentsArea.prcenter .storeIndex .latestSlide .date {font-size:15px;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a {width:14px; background-size:15px !important;}
.contentsArea.prcenter .storeIndex .btn_round_black {font-size:14px; height:36px; line-height:36px; min-width:60px;}

/* 회사소개 */
.contentsArea.company .subVisual h2 {font-size:35px}
.contentsArea.company .subVisual p {font-size:16px; font-weight:400;}
.contentsArea.company .subVisual .btn_round_whiteBig {font-size:14px; height:40px; line-height:40px; padding:0 20px;}
.contentsArea.company .storeIndex li {height:auto;}
.contentsArea.about .section.systemWrap {height:auto; padding:0 4%;}
.contentsArea.about .section.systemWrap dl {height:65vw; width:50%;}
.contentsArea.about .section.systemWrap dl:first-child {border-left:1px solid #dfdfdf;}
.contentsArea.about .section.systemWrap dl:nth-child(3) {border-left:1px solid #dfdfdf;}
.contentsArea.about .section.systemWrap dl:nth-child(even) {margin-top:0; float:right;}
.contentsArea.about .section.systemWrap dd {text-align:center;}
.contentsArea.vision .visionWrap {height:auto; padding:0 4% 8% 4%;}
.contentsArea.vision .visionWrap dl {width:100%; height:auto; float:none; margin:0; padding:0 0 5% 0; box-sizing:border-box; position:relative;}
.contentsArea.vision .visionWrap dl:first-child {margin-top:0;}
.contentsArea.vision .visionWrap dl:nth-child(2) {margin:0; padding:0 0 5% 0;}
.contentsArea.vision .visionWrap dt {margin-bottom:2%;}
.contentsArea.vision .visionWrap dt img {width:100%; margin:0 0 3% 0;}
.contentsArea.vision .visionWrap dd {padding:0; width:80%; margin:0 auto;}
.contentsArea.history .boardCategory.active a {margin:0; padding:0 2%; box-sizing:border-box; width:18%;}
.contentsArea .historyWrap .left {width:45%; left:-0.5%;}
.contentsArea .historyWrap .right {width:45%; left:49%;}
.contentsArea .historyWrap dt {font-size:20px; margin-bottom:2%;}
.contentsArea .historyWrap dd {font-size:14px; line-height:1.5em;}
.contentsArea .numberWrap {margin-bottom:4%;}
.contentsArea .ctf_title {font-size:20px; line-height:1.5em; margin-bottom:5%;}
.contentsArea.certification .ctf_text dt {font-size:18px;}
.contentsArea.certification .ctf_text dd .mark li {font-size:14px;}
.contentsArea.recruit .welfare_title {background-size:cover;}
.contentsArea.recruit .welfare_title dl {padding:8%;}
.contentsArea.recruit .welfare_title dt span {font-size:100px;}
.contentsArea.recruit .welfare_title dt {font-size:18px; line-height:1.5em;}
.contentsArea.recruit .welfare_title dt br {display:none;}
.contentsArea.recruit .welfare_title dd {font-size:14px; line-height:1.5em;}
.contentsArea.recruit .welfare_title dd br {display:none;}
.contentsArea .si_title {font-size:24px;}
.contentsArea .businessWrap02 dl.bw01 dd .icon_iot li {width:44%; margin:6% 2% 0; line-height:20px; vertical-align:top; word-break:break-all;}/*20180906*/


/* 푸터 */
#foot {font-size:3vw; padding:5% 0;}
.footer_menu {padding:7% 0;}
.footer_menu_wrap {width:90%; padding:0 5%;}
.footer_menu_wrap .sitemap {display:none;}
.footer_menu_wrap .network {margin-top:0; padding-top:0; border-top:none; text-align:left;}
.footer_menu_wrap .network .sns {text-align:left; margin-bottom:5%;}
.footer_menu_wrap .network dl {margin-bottom:3%;}
.footer_menu_wrap .network dt {display:inline-block; margin-right:10px; font-size:4vw;}
.footer_menu_wrap .network dd {display:inline-block; font-size:7vw;}
.footer_menu_wrap .network .ctt {margin-bottom:5%;}
.footer_menu_wrap .network .ctt li {font-size:3.5vw;}
.footer_menu_wrap .network .ctt li:first-child {margin-bottom:2%;}
.footer_menu_wrap .network .policy {font-size:3.2vw;}
.footer_menu_wrap .network .policy a {font-size:3.2vw;}
.footWrap {width:90%; padding:0 5%;}
.footWrap address {float:none; width:100%;}
.family {float:none; margin-top:3%;}
.family span {padding:0 15px; width:150px; height:30px; line-height:26px; font-size:3.2vw; border-width:1px;}



/*181004 메인 바텀*/
.boardLatest .col1, .boardLatest .col2 {padding-bottom:10px;}


/*181004 푸터*/
.family {width:25%;}
.family span {width:180px;}


/*181004 제품 상세*/
.pdtDetail .mobileFixed .back {width:12%;}
.pdtDetail .mobileFixed .dropMenu02 {width:46%;}

/*181004 제품 메뉴얼 다운로드페이지*/
.pdtDetail .mobileFixed .dropMenu.newdrop {width:88%;}


/*181004 sub visual*/
.subVisual {padding:6% 1% 4%;}


/*181004 회사소개 메인*/
.contentsArea.company .storeIndex li {height:70vmin;}

/*181004 사업영역*/
.contentsArea .businessWrap02 dl.bw01 dd .icon_iot li img {padding-bottom:10px;}

/*181005 제품메인*/
.contentsArea.product .newPro .newProText h3 {line-height:58px;} 


/*181005 제품페이지*/
.contentsArea.product .pdt_index .txt {padding:3.5%;}
}