/************************************************************************/
/******************************* 520px **********************************/
/************************************************************************/
@media only screen and (max-width:520px){
/* 헤더 */
#header {background:#fff;}

#quick {display:none;}

/* 메인 비주얼 */
#mainVisual li .visualText {width:96%; left:2%;}
#mainVisual li .visualText {margin-top:-18%;}
#mainVisual .bx-pager {top:-40px;}
#mainVisual .bx-pager-item .bx-pager-link {height:4px;}

/* 메인 컨텐츠 */
.bestProduct .pdtCon .icon img {width:30px; padding-right:3px;}
.bestProduct .pdtTab li {font-size:3.6vw; padding:3px 10px;}
.bestProduct .pdtCon .bigImage a dl {margin-top:2%;}
.bestProduct .pdtCon .bigImage a dd.txt {font-size:4vw; font-weight:400;}
.bestProduct .pdtCon .tileImage a dt {font-size:4vw; line-height:normal;}
.productSearch .keyword .inputBox img {width:15px;}
.boardLatest .col3 {-webkit-background-size: 50px !important; background-size: 50px !important; background-position: right center !important;}
.boardLatest .col3 p a {font-size: 3.4vw;}
/* 20180904 */
.boardLatest .col1, .boardLatest .col2 {padding-bottom:20px;}
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* 서브페이지 공통 */
#contents .bottomQuick {width:40px; right:3%; bottom:3%;}
#contents .bottomQuick img {width:40px;}
#contents .btn_top {display:block;}
#contents #btn_detail {display:block;}
.titleArea {display:none;}
.contentsArea .section {padding:7% 4%;}
.contentsArea .title_b {font-size:26px; margin-bottom:3%;}
.contentsArea .title2 p {font-size:3.6vw;}
.contentsArea .title_line {font-size:20px; line-height:1.5em; margin-bottom:5%; padding-bottom:5%;}
.contentsArea .title_line .gray {letter-spacing:6px; line-height:1.5em;}
.subVisual {margin-bottom:0; }
.subVisual h2 {margin-bottom:0; font-size:6vw;}
.subVisual p {display:none;}

/* 검색결과 */
.contentsArea .pdt_title p {font-size:3.2vw;}
.contentsArea.search_result .searchWrap .select {width:30%;}
	.searchWrap .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.contentsArea.search_result .pdtList.list4 li {width:50%; height:36vmin; padding:6% 0;}
.contentsArea.search_result .pdtList.list4 li a img {max-width:85%;}
.contentsArea .resultList {width:100%; padding:0; margin-bottom:7%;}

/* 제품 인덱스 */
.contentsArea.product .scrollTab ul {text-align:center;}
.contentsArea.product .scrollTab ul li {width:auto; float:none; display:inline-block;}
.contentsArea.product .scrollTab ul li a {line-height:32px; height:32px; border:1px solid #d0d0d0; border-radius:100px; padding:0 12px; margin:0 3px 3px 0; color:#222; font-weight:300;}
.contentsArea.product .scrollTab ul li a img {display:none;}
.contentsArea.product .scrollTab ul li a br {display:none;}

/* 제품 리스트 */
.pcList {display:none;}
.mobileList {display:block;}
.contentsArea .pdt_title {font-size:7vw;}
.contentsArea.product.list .pdt_index {display:none;}
.contentsArea.product.list .section {padding:8% 0; width:100%;}
.contentsArea.product.list .p_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;}
.contentsArea.product .mobileSearch {position:relative; background:#fff; z-index:2;}
.contentsArea.product .mobileList .title_p {text-align:center; font-weight:400; color:#303030; padding:3%; font-size:4.6vw;}
.contentsArea.product .mobileList .searchDetail {width:100%; margin:0; background:#f7f7f7; box-sizing:border-box; border-right:none; border-left:none; border-bottom:none;}
.contentsArea.product .mobileList .searchDetail .inner {border-bottom:1px solid #dfdfdf;}
.contentsArea.product .mobileList .searchDetail p {text-align:left; overflow:hidden; border-bottom:none; font-size:3.6vw;}
.contentsArea.product .mobileList .searchDetail p img {vertical-align:middle;}
.contentsArea.product .mobileList .searchDetail p .result {float:right; color:#004ea2;}
.contentsArea.product .mobileList .searchDetail .selectType {display:none; position:absolute; width:100%; z-index:10;}
.contentsArea.product .mobileList .searchDetail dt {background:#fff url('/images/product/btn_plus.gif') no-repeat 96% center; background-size:13px; height:50px; line-height:50px; padding:0 4%; font-size:3.5vw; border-bottom:1px solid #dfdfdf;}
.contentsArea.product .mobileList .searchDetail dt.active {background:#fff url('/images/product/btn_minus.gif') no-repeat 96% center; background-size:13px;}
.contentsArea.product .mobileList .searchDetail dd {padding:4%; background:#f7f7f7; border-bottom:1px solid #dfdfdf; display:none;}
.contentsArea.product .mobileList .searchDetail dd ul li {line-height:2em; position:relative;}
.contentsArea.product .mobileList .searchDetail dd img {vertical-align:middle; margin-top:-1px;}
.contentsArea.product .mobileList .searchDetail dd .tooltip_m {display:none; position:absolute; width:100%; box-sizing:border-box; z-index:5; background:#fff; border:1px solid #d0d0d0; padding:2%; line-height:1.5em; font-size:3.2vw;}
.contentsArea.product .mobileList .searchDetail dd .tooltip_m .tooltip_m_close {text-decoration:underline; color:#666;}
.contentsArea.product .mobileList .searchDetail .btnArea {text-align:center; background:#fff; padding:3%;}
.contentsArea.product .mobileList .searchDetail .btnArea .button, .contentsArea.product .mobileList .searchDetail .btnArea img {height:35px; vertical-align:top;}
.contentsArea.product .bx-pager {text-align:center; margin-top:10px;}
.contentsArea.product .bx-pager .bx-pager-item {display:inline-block; margin:0 3px;}
.contentsArea.product .bx-pager .bx-pager-item a {display:block; width:8px; height:8px; border:1px solid #666; background:#fff; border-radius:100px; text-indent:-9999px; overflow:hidden;}
.contentsArea.product .bx-pager .bx-pager-item a.active {background:#004ea2; border-color:#004ea2;}
.pdtList.list5 li {width:33.3%; height:auto;}
.pdtList li a img {max-height:90px; max-width:85%;}
.pdtList li .subject {font-size:3.4vw; margin-top: 0;}
.mobileList .pdtList li {border:none; margin:0; padding:0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:auto;}
.mobileList .pdtList li > div {width:50%; height:47vmin; padding:11% 4%; float:left; border:none; box-sizing:border-box; margin-left:-1px; border-right:1px solid #dfdfdf; margin-top:-3px; position:relative;}
.mobileList .pdtList li > div:nth-child(1), .mobileList .pdtList li > div:nth-child(2) {border-bottom:1px solid #dfdfdf;}
.mobileList.listType2 {box-sizing:border-box;}
.mobileList.listType2 li {margin:0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.mobileList.listType2 li > div:nth-child(1) {border-bottom:none; border-right:1px solid #dfdfdf;}
.mobileList.listType2 li > div:nth-child(2) {border-bottom:none;}

/* 제품 뷰 */
.pdtInfo {width:100%; padding:0;}
.pdtInfoRight {padding:5%;}
.pdtInfoRight .snsShare {margin-top:7%; top:0; right:3%;}
.pdtInfoRight .snsShare ul {width:40px; background-size:100%; padding-top:12px;}
.pdtInfoRight .snsShare ul li img {width:30px;}
.pdtInfoRight dt {border-bottom:1px solid #d0d0d0; padding-bottom:2%;}
.pdtInfoRight dt .name {font-size:5vw;}
.pdtInfoRight dt .code {font-size:6vw;}
.pdtInfoRight dd {font-size:3.8vw; line-height:1.5em;}
.pdtInfoRight dd .btnArea {text-align:center;}
.pdtInfoRight dd .btnArea a {width:49%; box-sizing:border-box; height:42px; line-height:38px; font-size:3.6vw;}
.pdtInfoRight .option_img {margin:3% 0 0 0;}
.pdtInfoRight .option_img img {height:13px;}
.pdtInfo {margin-bottom:0; width:100%; padding:0;}
.pdtSlide {float:none; width:100%;}
.pdtSlide .bx-viewport {margin:5% 0;}
.contentsArea.product .mobileList .pdtSlide .bx-pager {margin:0 0 5% 0;}
.pdtDetail .detailFixed {display:none;}
.pdtDetail .mobileFixed {height:44px; line-height:44px;}
.pdtDetail .mobileFixed.active {position:fixed; width:100%;}
.pdtDetail .mobileFixed:after {content:''; display:block; clear:both;}
.pdtDetail .mobileFixed .back {position:absolute; height:100%; left:0; top:0; width:11%;/*181005 resize width 12*/ text-align:center; float:none; background:#00448e;}
.pdtDetail .mobileFixed .back img {height:100%;}
.pdtDetail .mobileFixed .dropMenu {width:44%;}
.pdtDetail .mobileFixed .dropMenu span {font-size:3.6vw;}
.pdtDetail .mobileFixed .dropMenu ul {top:44px;}
.pdtDetail .mobileFixed .dropMenu ul li a {font-size:3.6vw;}
.pdtDetail .mobileFixed .dropMenu01 {margin-left:12%;}
.pdtDetail .mobileFixed .dropMenu01 a {color:#fff;}/* 20180913 */
.pdtDetail .mobileFixed .detailTab li {padding:10px 0;}/* 20180913 */
.pdtDetail .mobileFixed .detailTab li a {line-height:20px;}/* 20180913 */
.pdtDetail .detailSection {padding:12% 4%;}
.pdtDetail .detailSection .pdt_title {font-size:6vw; margin-bottom:5%;}
.pdtDetail .detailSection01 {padding:0; width:100%;}
.pdtDetail .detailSection03 .close .btn_round_black_small {display:inline-block; margin-top:10px;}
.pdtDetail .detailSection05 .pdtList li {width:160px !important; height:160px !important; padding:15px 0; margin-right:8px !important;}
.pdtDetail .detailSection05 .pdtList li .img {width:80%;}
.pdtDetail .detailSection05 .bx-controls-direction a {width:6px; background-size:100% !important;}
/*.pdtDetail .tblType01 table colgroup col:first-child {width:30%;}*/
.pdtDetail .tblType01 table th, .pdtDetail .tblType01 table td {font-size:3.4vw;}
/* 20180912 add */
.pdtDetail .tblType01 table {width:100%;}
.pdtDetail .tblType01 table th,
.pdtDetail .tblType01 table td {display:block;}
.pdtDetail .tblType01 table th {padding:3% 0 0;}
.pdtDetail .tblType01 table td {border:none; padding:1% 0 3%;}
.pdtDetail .tblType01 table tr:first-child td {border-top:none;}
.pdtDetail .tblType01 table tr:last-child th {border-bottom:none;}
/* /// 20180912 add */

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

/* 코콤 스토어 */
.contentsArea.store .subVisual p {display:block; font-weight:400;}
.contentsArea.storeInfo .section {padding:7% 4%;}
.contentsArea.storeInfo .storeIntro ul li {margin-top:5%;}
.contentsArea.storeInfo .storeIntro ul li span {vertical-align:top; width:20%;}
.contentsArea.storeInfo .storeIntro ul li dl {vertical-align:top;}
.contentsArea.storeInfo .storeIntro ul li dt {font-size:4vw;}
.contentsArea .searchResult img {width:10px;}
.contentsArea.serviceCenter .serviceCenterWrap {height: auto; padding-bottom: 30%;}
.contentsArea.serviceCenter .serviceCenterWrap dt {font-size: 3.8vw;}
.contentsArea.serviceCenter .serviceCenterWrap dd {font-size: 6vw; line-height: 6vw; margin-top: 0;}
.contentsArea.serviceCenter .serviceCenterWrap span.blue_line {margin: 5% 0;}
.contentsArea.serviceCenter .serviceCenterWrap ul li {font-size: 3.6vw;}
.contentsArea.serviceCenter .serviceCenterWrap p {font-size: 3.4vw;}

/* 고객지원 */
.contentsArea.customer .subVisual p {display:block; font-weight:400;}
/*.contentsArea.download .pdtDetail .mobileFixed .dropMenu {left:11%;} 20180906*/
.contentsArea .resultText dd ul li {line-height:35px;}
.contentsArea .resultText dd ul li a {font-size:3vw; background-position:0 15px; letter-spacing:-0.5px;}

.contentsArea .storeIndex li {/*min-height:auto;*/ height:68vmin;}

/* PR센터 */
.contentsArea.prcenter .subVisual p {display:block; margin-bottom:3%; font-weight:400;}
.contentsArea.prcenter .subVisual br {display:none;}
.contentsArea .storeIndex li dt {font-size:5vw;}
.contentsArea .storeIndex li dd {font-size:3vw; line-height:1.5em;}
.contentsArea.prcenter .storeIndex li {/*height:auto;*/ padding:10% 3%;}
.contentsArea.prcenter .storeIndex .latestSlide .subject {font-size:2.6vw;}
.contentsArea.prcenter .storeIndex .latestSlide .date {font-size:2.6vw;}
.contentsArea.prcenter .storeIndex .latestSlide .contt {font-size:2.6vw;}

/* 회사소개 */
.contentsArea.company .subVisual p {display:block;}
.contentsArea .storeIndex li a {padding:23% 1%;}
.contentsArea.greetings .section .greeting_img {background:url('/images/company/bg_greetings_m.jpg') no-repeat center bottom; background-size:cover;}
.contentsArea.greetings .greeting_img {font-size:3.8vw; line-height:1.5em;}
.contentsArea.greetings .greeting_text .sign {padding:2% 25% 0 0; background-size:42%;}
.contentsArea.about .section {background-position:center 44%;}
.contentsArea .historyWrap .left {left:-1.5%;}
.contentsArea .historyWrap .right {left:48.5%;}
.contentsArea .historyWrap dt {font-size:18px; margin-bottom:3%;}
.contentsArea .historyWrap dd {font-size:14px;}
.contentsArea .numberWrap dd {font-size:35px;}
.contentsArea.certification .ctf_text dd .mark li {width:50%; font-size:14px;}
.contentsArea.history .boardCategory.active a {padding:0 2%; height:32px; line-height:32px; font-size:13px; padding:0 1%;}
.contentsArea .kocom_re {font-size:15px; line-height:23px;}
.contentsArea .kocom_re.address {font-size:15px; line-height:1.5em;}
.contentsArea.recruit_process .section {padding:7% 4%;}
.contentsArea.welfare .section {padding:7% 4%;}
.contentsArea.recruit .re_img .image_pc {display:none;}
.contentsArea.recruit .re_img .image_mobile {display:inline;}
.contentsArea.recruit .talentWrap {background:none; padding:0;}
.contentsArea.recruit .talentWrap .img_mobile {display:inline;}
.contentsArea.recruit .talentWrap dl {display:none;}
.contentsArea.recruit .routeWrap dd {font-size:14px;}
.contentsArea.recruit .routeWrap dd span {font-size:13px;}
.contentsArea.recruit .welfare_title {background:url('/images/company/bg_welfare_m.jpg') no-repeat 0 0; background-size:cover;}
.contentsArea.recruit .welfare_title dt br {display:none;}
.contentsArea.stock .stockWrap .recent {margin:0; float:left; margin-right:3%;}
.contentsArea.stock .stockWrap .percent {margin:0; float:left; font-size:13px;}
.contentsArea.stock .stockWrap .time {position:relative; right:0; top:0; text-align:right; clear:both;}
.contentsArea.stock .tblType03 th, .contentsArea.stock .tblType03 td {font-size:14px;}
.contentsArea .businessWrap01 {background:url('/images/company/bg_iot_m.jpg') no-repeat center top; background-size:cover;}
.contentsArea .businessWrap02 {background:url('/images/company/bg_remodeling_m.jpg') no-repeat center top; background-size:cover;}
.contentsArea .businessWrap03 {background:url('/images/company/bg_led_m.jpg') no-repeat center top; background-size:cover;}
.contentsArea .businessWrap dl.bw01 dt {font-size:20px; margin-bottom:5%;}
.contentsArea .businessWrap dl.bw01 dd {font-size:14px; line-height:22px;}
.contentsArea .businessWrap dl.bw01 dd .icon_iot li {font-size:13px; /*resize width: 26*/width:27%; margin:6% 2% 0; height:26vw; line-height:16px; text-align:center; vertical-align:top; word-break:break-all;}
.contentsArea .businessWrap .ledWrap {padding:0;}
.contentsArea .businessWrap .ledWrap dl {padding:0;}
.contentsArea .businessWrap .ledWrap dl.led02 {margin-top:8%;}
.contentsArea .businessWrap .ledWrap dd {font-size:15px; line-height:22px;}
.contentsArea .businessWrap04 {height:auto; padding:8% 0;}
.contentsArea .si_title {font-size:22px;}
.contentsArea .img_si .img_pc {display:none;}
.contentsArea .img_si .img_mobile {display:inline;}
.contentsArea .siWrap .siText dt {margin-bottom:0;}
.contentsArea .siWrap .siText dt .num {font-size:18px;}
.contentsArea .siWrap .siText dt .si_system {font-size:18px;}
.contentsArea .siWrap .siText dt .blue {font-size:15px;}

.footer_menu {padding:7% 0;}
.footer_menu_wrap {position:relative;}
.footer_menu_wrap .sitemap {display:none;}
.footer_menu_wrap .network {border:none; margin:0; padding:0;}
.footer_menu_wrap .network .sns {text-align:left; margin-bottom:5%;}
.footer_menu_wrap .network .sns li {width:auto; margin-right:2%;}
.footer_menu_wrap .network .sns li a img {width:28px;}
.footer_menu_wrap .network {text-align:left;}
.footer_menu_wrap .network dt {font-size:3.6vw; display:inline-block;}
.footer_menu_wrap .network dd {display:inline-block; font-size:7vw; margin-left:5px;}
.footer_menu_wrap .network .ctt li {font-size:3.4vw; margin-bottom:7px;}
.footer_menu_wrap .network .policy a {font-size:3.4vw;}
#foot {font-size:3.4vw; padding:7% 0;}
.footWrap address {width:100%; float:none; word-break:break-all;}
.family {float:none; width:42%; margin-top:3%;}
.family ul {bottom:105%;}
.family ul li {line-height:10vmin;}
.family ul li a {font-size:3.4vw;}
.family span {font-size:3.4vw; height:auto; padding:5% 7%;}

.bottomLang {top:0; bottom:inherit;}

#google_translate_element {}
.goog-te-gadget {float:left;}
.goog-te-gadget-simple {font-size:3.4vw !important;}



/*181004 고객지원*/
.btn_round_black {font-size:3.1vw;}

.pdtDetail .mobileFixed .dropMenu.newdrop { width:89%; left:11%;}

/*181004 sub 비쥬얼*/
.subVisual {padding:6% 1% 2%;}


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


/*181004 about us(회사소개)*/
.contentsArea.about .section.systemWrap dl {height:80vw;}


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

/*181005 제품 메인*/
.contentsArea.product .pdt_index .txt h2 {font-size:8vw;}
.scrollTab ul li a .pro_netext {line-height:36px;}

.contentsArea.product .newPro .newProText h3 {line-height:46px;}


/*181005 pr센터 메인*/
.contentsArea.prcenter .storeIndex li {height:86vmin;}

/**/
.contentsArea .storeIndex .renew_btn {height:66vmin}


/**/
.contentsArea.prcenter .storeIndex li {width:100%; height:auto;}
}

/************************************************************************/
/******************************* 480px **********************************/
/************************************************************************/
@media only screen and (max-width:480px){
/* 헤더 */
#header.fixed {height:55px;}
#header.fixed .headerWrap h1 {padding-top:16px;}
#header.fixed a.btn_menu_m {margin-top:16px;}
#header.fixed a.btn_search_m {margin-top:16px;}
#hiddenMenu a.btn_menu_m {margin-top:22px;}
#hiddenMenu a.btn_search_m {margin-top:22px;}

.headerWrap h1 {padding:23px 0 0 0;}

#allMenu dt {height:50px; line-height:50px; font-size:16px;}
#allMenu dd > a {font-size:15px;}
#allMenu dd ul li a {font-size:13px;}

#mobileSearch {padding:5% 3%;}
#mobileSearch .searchBox {padding-bottom:5px; width:96%; box-sizing:border-box;}
#mobileSearch .searchBox .search_text {height:23px; line-height:23px; width:85%;}
#mobileSearch .searchBox .search_btn {width:7%;}

/* 메인 컨텐츠 */
.newProduct {margin-bottom:3%;}
.newPro .newProText-black .btn_moreview {font-size:inherit; height:32px; line-height:32px; padding:0 5%;}
.newPro .newProText-white .btn_moreview {font-size:inherit; height:32px; line-height:32px; padding:0 5%;}
.recommProductWrap .bx-pager {text-align:center; margin:5% 0 0 0;}
.recommProductWrap .bx-pager-item {display:inline-block; margin:0 5px;}
.recommProductWrap .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; width:5px; height:5px; border:2px solid #aaa; background:#aaa; border-radius:100px;}
.recommProductWrap .bx-pager-item a.active {background:#fff;}
.recommPro {margin-top:0; margin-right:1px;}
.recommPro .recommText-black .btn_moreview {font-size:inherit; height:32px; line-height:32px; padding:0 5%;}
.recommPro .recommText-white .btn_moreview {font-size:inherit; height:32px; line-height:32px; padding:0 5%;}
.productSearch {padding:10% 0;}
.productSearch h3.title {font-size:6vw;}
.productSearch p {font-size:3.4vw; margin:5% 0;}
.productSearch h4.title {font-size:5vw;}
.productSearch h4.title .example {margin-left:0;}
.customerCenter {padding:10% 0;}
.customerCenter h3.title {font-size:6vw;}
.customerCenter p {font-size:4vw; margin:3% 0 10% 0;}
.customerCenter .csWrap ul {width:100%;}
.customerCenter .csWrap ul li a {font-size:4vw;}
.productSearch h4.title .example a {font-size:3.4vw;}
/* 20180904 */
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.latest.basic a {font-size:3.6vw;}
.latest.basic a strong img {width:15px;}
.latest.basic li {padding-left:10px; font-size:3.6vw; background-position:0 3.4vw;}
.latest.basic li .date {font-size:3vw;}
.latest.video li a {font-size:3.4vw; letter-spacing:-0.5px;}
.boardLatest {padding:10% 0;}
.boardLatest h3 {font-size:6vw; line-height:6vw; margin-bottom:5%;}
.boardLatest .more {border-width:1px; font-weight:400;}
.boardLatest .more a {font-size:3.4vw;}
/* 20180904 */
.boardLatest .col1, .boardLatest .col2 {padding-bottom:20px;}

/* 서브페이지 공통 */
.subVisual {padding:7% 4% 2%; margin-bottom:0;}
.subVisual02_03 {padding:9% 4%;}
.subVisual03_01 {padding:5% 4% 0%;}/*20180913*/
.subVisual03_03 {padding:9% 4%;}
.contentsArea .title {font-size:7.5vw; margin-bottom:5%;}
.contentsArea .title_b {font-size:6.5vw; margin-bottom:5%;}
.contentsArea .title_line {font-size:4.8vw;}
.contentsArea .title_line br {display:none;}
.contentsArea .title_line .gray {font-size:3.2vw !important;}
.list_bullet li {font-size:3.6vw; background-position:0 2.5vw;}
.list_dash li {font-size:3.6vw; background-position:0 3vw;}

/* 테이블 세팅 */
.unit {font-size:3.4vw;}
.tblType02 th, .tblType02 td {font-size:3.2vw; padding:3% 1%;}
.tblType03 th, .tblType03 td {font-size:3.2vw; padding:3% 1%;}

/* 검색결과 */
.contentsArea.search_result .pdt_title {font-size:20px;}
.contentsArea.search_result .pdt_title p {font-size:14px; margin-top:3%; line-height:1.5em;}
.contentsArea.search_result .searchWrap br {display:none;}
.contentsArea.search_result .searchWrap .select {width:31%; margin-right:1%;}
.contentsArea.search_result .searchWrap input {width:20%;}
.contentsArea.search_result .searchWrap input.text {width:70%;}
.contentsArea.search_result .pdtList.list4 li {width:50%; height:44vmin;}
.contentsArea.search_result .sort {margin:3% 0; text-align:left;}

/* 제품 인덱스 */
.contentsArea.product .newPro .newProText-right {left:0; width:100%;}
.scrollTab.fixed {display:none;}
.mobileTab.fixed {z-index:10; height:auto; overflow:auto; top:0; padding:0 4.5%; box-sizing:border-box;}
.scrollTab ul li a {font-size:3.4vw;}

/* 제품 리스트 */
.pdtList li .icon img {width:25px;}

/* 제품 뷰 */
.pdtDetail .mobileFixed.active {position:fixed; width:100%; top:56px;}
.mobileList .pdtList li > div {padding:8.5% 4%;}
.pdtDetail .detailSection02 .tblType01 {max-width:96%}

/* 코콤 스토어 */
.contentsArea.store .subVisual h2 {font-size:6vw;}
.contentsArea.store .subVisual p {font-size:4vw;}
.contentsArea.store .subVisual .inputBox input.button {font-size:3.6vw;}
.contentsArea.store .subVisual .inputBox input.text {font-size:3.6vw;}
.contentsArea .storeIndex li {width:100%; margin:0 0 1% 0; height:auto;}
.contentsArea .storeIndex li a {padding:7% 5%;}
.contentsArea .storeIndex li dl {margin:5% 0;}

/* eng 레이아웃변경 20180904 */
.contentsArea .storeIndex li .asCenterInfo {padding-bottom:30px; padding-top:0;}
.contentsArea .storeIndex li .asCenterInfo dl {margin-bottom:5%;}
.contentsArea .storeIndex li .asCenterInfo dt {margin-bottom:1%;}
.contentsArea .storeIndex li .asCenterInfo dd.tel {font-size:8vw; line-height:9vw;}
.contentsArea .storeIndex li .asCenterInfo dd.cctv {font-size:4.7vw; line-height:normal; margin-bottom:5%;}
/* // eng 레이아웃변경 20180904 */

.contentsArea.findStore .searchSelect .select {font-size:14px; width:48%; margin:0 0 1% 0;}
.contentsArea .searchSelect input.button {width:29%;}
.contentsArea .searchResult .total .center_icon {font-size:inherit;}
.contentsArea .listType {margin:8% 0;}
.contentsArea .mapWrap .storeList ul li dl {padding:3% 3% 3% 8%; background-size:12px; background-position:3% 18%;}
.contentsArea .mapWrap .storeList ul li:hover dl {padding:3% 3% 3% 8%; background-size:12px; background-position:3% 18%;}
.contentsArea .mapWrap .storeList ul dt {font-size:3.6vw;}
.contentsArea .mapWrap .storeList ul dd {font-size:3.2vw;}
.contentsArea .mapWrap .mapArea #map {height:180vw;}
.contentsArea .title2 dt {font-size:5vw;}
.contentsArea .title2 dd {font-size:3.6vw;}

/* 스토어 지도 마커 레이어 */
.pinLayer {border:2px solid #222; background:#fff; position:absolute; width:auto; z-index:10; box-sizing:border-box; padding:10px;}
.pinLayer .pinClose {top:10px; right:10px;}
.pinLayer dt {font-size:4.4vw;}
.pinLayer dt img {width:12px;}
.pinLayer dd {font-size:3.6vw;}
.pinLayer .pinButton .btn_round_blackSmall {font-size:3.6vw; height:27px; line-height:27px;}
.pinLayer .layerBg {bottom:-12px;}
.contentsArea .mapArea #map #content {padding:10px !important;}
.contentsArea .mapArea #map #firstHeading {font-size:5vw;}
.contentsArea .mapArea #map #bodyContent dd {font-size:3.4vw;}

/* 고객지원 */
.contentsArea.customer .subVisual h2 {font-size:7vw;}
.contentsArea.customer .subVisual p {font-size:4vw;}
.contentsArea.customer .subVisual br {display:none;}
.contentsArea.customer .subVisual .inputBox input.button {font-size:3.6vw;}
.contentsArea.customer .subVisual .inputBox input.text {font-size:3.6vw;}
.contentsArea.customer .subVisual .btn_round_whiteBig {font-size:3.6vw; margin-top:3%; height:35px; line-height:35px; padding:0 5%;}
.contentsArea.customer .csCenterWrap {margin-top:10%;}
.contentsArea.customer .csCenterWrap .faqLatest dt {height:40px; line-height:40px;}
.contentsArea.customer .csCenterWrap .faqLatest dt {font-size:4vw;}
.contentsArea.customer .csCenterWrap .faqLatest dt .btn_more {margin-top:8px;}
.contentsArea.customer .csCenterWrap .faqLatest dd .latest.basic li {line-height:24px; background-position:0 11px;}
.contentsArea.customer .csCenterWrap .faqLatest dd .latest.basic li a {font-size:3.4vw;}
.contentsArea.customer .csCenterWrap .asCenterInfo {padding:7% 3%;}
.contentsArea.customer .csCenterWrap .asCenterInfo dl {margin-bottom:5%;}
.contentsArea.customer .csCenterWrap .asCenterInfo dt {font-size:5vw; margin-bottom:1%;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd.tel {font-size:8vw; line-height:9vw;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd.cctv {font-size:4.6vw; line-height:normal; margin-bottom:5%;}
.contentsArea.customer .csCenterWrap .asCenterInfo dd {font-size:3.8vw; line-height:normal;}
.contentsArea.customer .csCenterWrap .asCenterInfo p {font-size:3.4vw; line-height:normal;}

.toggleContents dd {font-size:3.6vw; line-height:1.8em;}
.toggleContents dt {height:50px; line-height:50px; font-size:4vw;}
.toggleContents .tblType02 th, .toggleContents .tblType02 td {font-size:3vw; line-height:normal; padding:3% 0.5%;}
.toggleContents .tblType02 th {font-weight:400;}
.contentsArea .findProduct li {min-height:66vw;}/*20180905*/
.contentsArea .findProduct li dt {margin-bottom:2%; font-size:4.2vw; word-break:break-all; line-height:18px; padding-bottom:10px;}/*20180905*/
.contentsArea .findProduct li dd {font-size:3.6vw; line-height:4.6vw; padding:0 10px 7px; background:url('/images/common/list_bullet.gif') no-repeat 0 9px;}/*20180905*/
.contentsArea .findProduct li > img {width:90%;}
.contentsArea .resultText dt {font-size: 4vw; height: 49px; vertical-align: middle; line-height: 49px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 10px;}/* 20180905 */
.contentsArea .resultText dd ul li {width:50%;}
.contentsArea .resultText .noResult {padding:10% 2%;}
.contentsArea .resultText .noResult p {font-size:4vw;}
.downloadService .productInfo h4 {font-size:6vw; font-weight:400;}
.downloadService .productInfo dl {font-size:4vw;}
.downloadService .downloadList li {padding:4% 0;}
.downloadService .downloadList li dl {position:relative;}
.downloadService .downloadList li dt {font-size:4vw; line-height:25px; margin-bottom:3%;}
.downloadService .downloadList li dd {font-size:3.4vw; line-height:2em;}

/* PR센터 */
.contentsArea.prcenter .subVisual h2 {font-size:7vw}
.contentsArea.prcenter .subVisual p {font-size:4vw}
.contentsArea.prcenter .subVisual br {display:none;}
.contentsArea.prcenter .subVisual .btn_round_whiteBig {font-size:3.6vw; margin-top:3%; height:35px; line-height:35px; padding:0 5%;}
.contentsArea .storeIndex li dt {font-size:4.6vw; margin-bottom:5px;}
.contentsArea .storeIndex li dd {font-size:3.4vw; line-height:normal; min-height:auto;}
.contentsArea.prcenter .storeIndex li {padding:8% 3%; float:none; margin:0 0 3% 0;}
.contentsArea.prcenter .storeIndex li dl {margin-bottom:3%;}
.contentsArea .storeIndex li .btn_round_black, .contentsArea .storeIndex li .btn_round_white {height:31px; line-height:31px;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a {top:24%;}
.contentsArea.prcenter .storeIndex .latestSlide .thumb {width:20vmin; height:20vmin;}
.contentsArea.prcenter .storeIndex .latestSlide .subject {font-size:3.6vw; line-height:normal; margin-bottom:0;}
.contentsArea.prcenter .storeIndex .latestSlide .date {display:none;}
.contentsArea.prcenter .storeIndex .latestSlide .contt {display:none;}
.contentsArea.prcenter .storeIndex .ebook .latestSlide .thumb {height:30vmin;}
.contentsArea.prcenter .storeIndex .btn_round_black {font-size:3.2vw; height:25px; line-height:25px;}
.contentsArea.prcenter .storeIndex .bx-controls-direction a {width:10px; background-size:10px !important;}

/* 회사소개 */
.contentsArea.company .subVisual h2 {font-size:7vw}
.contentsArea.company .subVisual h2 .eng {font-size:4vw;}
.contentsArea.company .subVisual p {font-size:4vw;}
.contentsArea.company .subVisual .btn_round_whiteBig {font-size:3.6vw; margin-top:3%; height:35px; line-height:35px; padding:0 5%;}
.contentsArea.company .storeIndex li {width:100%; float:none; height:auto; margin:0 0 3% 0;}
.contentsArea.company .storeIndex li a {padding:7% 5%;}
.contentsArea.company .storeIndex li dt {margin-bottom:5px;}
.contentsArea.company .storeIndex li dd {width:90%; margin:0 auto; min-height:auto;}
.contentsArea.greetings {font-size:;}
.contentsArea.greetings .greeting_img {height:145px;}
.contentsArea.about .section .about_txt {font-size:3.5vw; line-height:1.5em; margin-bottom:4%;}
.contentsArea.about .about_txt br {display:none;}
.contentsArea.about .about_txt .btn_round_black {display:block; width:auto; margin:5% auto 0;}
.contentsArea.about .section.systemWrap dl {height:96vw; padding-bottom:30px}
.contentsArea.about .section.systemWrap dt {line-height:2em; font-size:4vw;}
.contentsArea.about .section.systemWrap dd {font-size:inherit; line-height:1.5em;}
.contentsArea .historyWrap dt {font-size:5vw}
.contentsArea .historyWrap dd {font-size:3.6vw; line-height:1.5em;}
.contentsArea.vision .section p {font-size:4vw; line-height:1.5em;}
.contentsArea.vision .visionWrap dt {line-height:1.5em; font-size:5.5vw; margin-bottom:1%;}
.contentsArea.vision .visionWrap dt .eng {font-size:3vw; line-height:3vw;}
.contentsArea.vision .visionWrap dd {font-size:inherit; line-height:1.5em;}
.contentsArea.vision .visionWrap dd strong {font-weight:600;}
.contentsArea.history .boardCategory {height:auto; min-height:50px; box-sizing:border-box;}
.contentsArea.history .boardCategory.active {position:relative;}

.mobileCategory {display:block;}
.mobileCategory.fixed {position:fixed; width:100%; left:0; top:0; background:#262729; z-index:10; margin-bottom:0; overflow:auto; height:auto; padding:0 4.5%; 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;}


.contentsArea .historyWrap {background-position:3.5% 0;}
.contentsArea .historyWrap .left {box-sizing:border-box; width:100%; left:0; top:0; margin:0 0 8% 0; text-align:left; background:url('/images/company/ico_year.gif') no-repeat left 6px; background-size:10px; padding-left:20px;}
.contentsArea .historyWrap .right {box-sizing:border-box; width:100%; left:0; top:0; margin:0 0 8% 0; text-align:left; background:url('/images/company/ico_year.gif') no-repeat left 6px; background-size:10px; padding-left:20px;}
.contentsArea .historyWrap dd img.img_pc {display:none;}
.contentsArea .historyWrap dd img.img_mobile {display:inline;}
.contentsArea.certification .btnArea {margin-bottom:5%;}
.contentsArea .ctf_title {font-size:4vw; font-weight:400;}
.contentsArea .numberWrap {margin-bottom:10%;}
.contentsArea .numberWrap dl {width:50%; padding:10% 5%;}
.contentsArea .numberWrap dl:nth-child(3) {border-left:none; clear:both; float:left;}
.contentsArea .numberWrap dl:first-child, .contentsArea .numberWrap dl:nth-child(2) {border-bottom:1px solid #dfdfdf;}
.contentsArea .numberWrap dt {font-size:4vw; margin-bottom:3%;}
.contentsArea .numberWrap dd {font-size:8vw; line-height:8vw;}
.contentsArea.certification .ctfWrap {padding:10% 4%;}
.contentsArea .cibi_text dt {font-size:4.2vw;}
.contentsArea .cibi_text dd {font-size:inherit; line-height:1.5em;}
.contentsArea .cibi_text .imgArea ul.engkor li {font-size:inherit;}
.contentsArea .cibi_text .imgArea.palette img {width:31%; margin:0 2% 2% 0;}
.contentsArea .cibi_text .imgArea.bi img {padding-right:1%; width:31%;}
.contentsArea .kocom_re {font-size:3.4vw; line-height:1.5em;}
.contentsArea .kocom_re.address {font-size:3.4vw;}
.contentsArea.recruit .talentWrap dt {font-size:5vw;}
.contentsArea.recruit .talentWrap dd {font-size:3.6vw;}
.contentsArea.recruit .welfare_title dl {padding:10%; text-align:left;}
.contentsArea.recruit .welfare_title dt {font-size:4.2vw; line-height:1.5em; margin-bottom:8%;}
.contentsArea.recruit .welfare_title dt span {font-size:20vw; height:48px;}
.contentsArea.recruit .welfare_title dd {font-size:3.6vw; line-height:1.5em;}
.contentsArea.recruit .welfare_text .cibi_text dd li span {font-size:3.6vw; line-height:1.5em; letter-spacing:-0.4px;}
.contentsArea.recruit .welfare_text .cibi_text dd li span strong {font-size:4vw;}
.contentsArea.recruit .welfare_text .cibi_text dd li span.icon {width:22%; padding-right:3%; vertical-align:top;}
.contentsArea.recruit .routeWrap dl {padding-top:50px;}
.contentsArea.recruit .routeWrap dl.rt01 {background-size:40px;}
.contentsArea.recruit .routeWrap dl.rt02 {background-size:40px;}
.contentsArea.recruit .routeWrap dl.rt03 {background-size:40px;}
.contentsArea.recruit .routeWrap dt {font-size:4vw;}
.contentsArea.recruit .routeWrap dd {font-size:3.6vw; line-height:1.8em;}
.contentsArea.recruit .routeWrap dd span {font-size:3.2vw;}
.contentsArea.recruit #map {height:94vw;}
.contentsArea.recruit .magok p {font-size:3.6vw;}
.contentsArea.recruit .magok p img {width:30px;}
.contentsArea.stock .stockWrap .time {font-size:3.2vw; color:#777;}
.contentsArea.stock .stockWrap .recent {font-size:10vw;}
.contentsArea.stock .stockWrap .percent {float:right; font-size:3.4vw; line-height:1.5em; margin-top:3px;}
.contentsArea.stock .tblType03 th, .contentsArea.stock .tblType03 td {font-size:3.2vw;}
.contentsArea.stock .stockWrap .p_arrow {width:75px; height:59px; background-size:100%; padding-top:8px;}
.contentsArea.stock .stockWrap .m_arrow {width:75px; height:59px; background-size:100%; padding-top:8px;}
.contentsArea .businessWrap dl.bw01 dt {font-size:4.4vw; line-height:22px}/*201980906*/
.contentsArea .businessWrap dl.bw01 dd {font-size:3.4vw;}
.contentsArea .businessWrap dl.bw01 dd .icon_iot li {font-size:13px; width:26%; margin:6% 2% 0; height:26vw; line-height:16px; text-align:center; vertical-align:top; word-break:break-all;}/*20180904*/
.contentsArea .businessWrap02 dl.bw01 dd .icon_iot li {width:44%; margin:6% 2% 0;}/*20180906*/
.contentsArea .businessWrap .ledWrap dt {font-size:5vw; line-height:11vw;}
.contentsArea .businessWrap .ledWrap dt img {width:11vw;}
.contentsArea .businessWrap .ledWrap dd {font-size:3.4vw; line-height:1.5em;}
.contentsArea .si_title {font-size:5vw;}
.contentsArea .siWrap .siText dt .num {font-size:3.6vw;}
.contentsArea .siWrap .siText dt .si_system {font-size:4vw;}
.contentsArea .siWrap .siText dt .blue {font-size:3.6vw; display:block; padding:1% 0;}




/*181004 고객지원*/
.pdtDetail .mobileFixed .dropMenu.newdrop { width:100%; padding:0 0 0 15%;}

/*181005 제품메인*/
.contentsArea.product .pdt_index .txt h2 {font-size:8vw;}
.scrollTab ul li a .pro_netext {line-height:36px;}

.contentsArea.product .newPro .newProText h3 {line-height:46px;}


/*181005 제품다운로드*/
.pdtDetail .mobileFixed .dropMenu.newdrop { width:89%; padding:0 0 0 5%;}


/**/
.contentsArea .storeIndex .renew_btn { width:100%; height:auto;}
.contentsArea .storeIndex .renew_btn a { padding:7% 5%;}
}

/************************************************************************/
/******************************* 360px **********************************/
/************************************************************************/
/************************************************************************/
@media only screen and (max-width:360px){
/* 헤더 */
#header {height:55px;}
.headerWrap h1 {padding:0; padding-top:16px;}
#hiddenMenu a.btn_menu_m {margin-top:18px;}
#hiddenMenu a.btn_search_m {margin-top:16px;}
#hiddenMenu a img {height:20px;}
#allMenu {top:55px;}
#allMenu dt {font-size:4.5vw;}
#allMenu dd > a {font-size:4vw; height:38px; line-height:38px;}
#allMenu dd ul li {height:25px; line-height:25px;}
#allMenu dd ul li a {font-size:3.6vw;}
#mobileSearch.on {top:55px;}

/* 메인 컨텐츠 */
.bestProduct .pdtTab span {display:none;}
.bestProduct .pdtTab li {padding:3px 10px;}
.bestProduct .pdtCon .tileImage a {padding:6% 2%;}
.bestProduct .pdtCon .tileImage a dd {font-size:3.2vw; line-height:1.3em;}
.productSearch .category .nice-select {height:38px; line-height:38px; font-size:3.6vw;}
.productSearch .category .nice-select .option {font-size:3.6vw;}
/* 20180904 */
.boardLatest .col1, .boardLatest .col2 {padding-bottom:20px;}
.productSearch .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* 서브페이지 공통 */
.contentsArea .title_b {font-size:6vw;}
.contentsArea .title_line .gray {font-size:3.4vw;}
.titleArea .location {font-size:3.3vw; height:40px; line-height:40px;}
.list_bullet li {line-height:1.8em; padding-left:7px;}
.list_dash li {line-height:1.8em; padding-left:10px;}

/* 제품 인덱스 */
.contentsArea.product .newPro .newProText-right {width:100%;}

/* 제품 리스트 */
.mobileList .pdtList li > div {padding:6% 4%;}

/* 제품 상세보기 */
.viewPagerWrap {display:none;}

/* 코콤 스토어 */
.contentsArea .searchSelect .select {min-width:auto;}
.contentsArea.findStore .searchSelect {text-align:left;}

/* 고객지원 */
.toggleContents dd .rule01 {padding:3%; background:none;}
.toggleContents dd .rule02 {padding:3%; background:none;}
.toggleContents dd .rule03 {padding:3%; background:none;}

/* PR센터 */
.contentsArea.prcenter .subVisual .btn_round_whiteBig {font-size:3.6vw; margin-top:3%; height:35px; line-height:35px; padding:0 5%;}

/* 회사소개 */
.contentsArea.company .subVisual .btn_round_whiteBig {font-size:3.6vw; margin-top:3%; height:35px; line-height:35px; padding:0 5%;}
.contentsArea.about .section .about_txt {padding-top:25%;}
.contentsArea.history .boardCategory.active a {height:30px; line-height:30px;}
.contentsArea.history .boardCategory.active a {height:28px; line-height:28px;}
.contentsArea.recruit .routeWrap dd {line-height:2em;}



/*181004 고객지원*/
.pdtDetail .mobileFixed .dropMenu.newdrop { width:89%; padding:0 0 0 5%;}

/*181005 제품메인*/
.scrollTab ul li a .pro_netext {line-height:36px;}

/*181005 sub visual*/
.subVisual {padding:7% 4% 1%;}

/*181005 사업영역*/
.contentsArea .businessWrap dl.bw01 dd .icon_iot {margin-bottom:20px;}


/**/
.contentsArea .storeIndex .renew_btn { width:100%; height:auto;}
.contentsArea .storeIndex .renew_btn a { padding:7% 5%;}
}