@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100; 300; 400; 500; 700; 900&display=swap"); @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

@font-face {
  font-family: 'scoredream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'scoredream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'scoredream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}


#owl-intro .container,
section > .container { max-width: 1350px !important; padding: 0px; } 
.navbar > .container { max-width: 1350px !important; padding: 0px; } 

/* logo*/

.navbar { border-bottom: 1px solid white; padding: 0px; } 
.navbar.navbar-light {background:#fff;}


.navbar-dark .navbar-brand { padding: 0px; width: 486px; height: 74px; margin: 0px; background: url("../img/logo.png") no-repeat left center; } 

.navbar-light .navbar-brand { background: url("../img/logo.png") no-repeat left center; width: 486px; height: 74px; } 

/*menu*/
.navbar-nav { margin-left: 290px !important; } 
.navbar-nav .nav-link { padding: 35px 50px 35px !important; } 
/*.navbar-nav li:last-child .nav-link { padding-right: 0!important; } */
.navbar-collapse .nav-item .nav-link { font-size: 18px; } 

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover { color: #fff !important; } 
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: #fff !important; } 
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link { color: #0004e1; } 
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link { color: #0004e1; } 
.navbar .dropdown-menu a:hover { color: #0004e1; background: none !important; } 

.gnb_bg { position: Absolute; top: 100px; height: 200px; width: 100% !important; background: rgba(255, 255, 255, 1); display: none; } 
.dropdown-item { font-size: 15px; font-weight: 600; } 
li.nav-item.dropdown .dropdown-menu { opacity: 1; transition-duration: 0.5s; background: transparent; border: none; width: 100%; text-align: center; top: 105px; } 
li.nav-item.dropdown .dropdown-menu.show { display: inline-block; } 
li.nav-item.dropdown .dropdown-menu a { border: none; } 

.navbar:before 
{display:none;}

.navbar.header_scroll {background:#fff;}
.navbar.header_scroll .navbar-brand {background:url("../img/logo_on.png") no-repeat left center ;width:486px; height:74px;}
.navbar.header_scroll .navbar-nav .nav-link 
{color:#000 !important}
.navbar.navbar-light .navbar-nav .nav-link 
{color:#000 !important;}
.navbar.navbar-light .navbar-brand
{background:url("../img/logo_on.png") no-repeat left center}

/* owl */
.owl-theme.owl-dots-inner .owl-dots { bottom: 32%; left: 50%; margin-left: 5px; } 
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background-color: #0004e1; opacity: 1; } 
.owl-theme .owl-dots .active span { width: 13px; height: 13px; } 

.owl-theme.owl-arrows .owl-nav { left: 5%; right: 5%; top: 52%; } 
.owl-theme.owl-arrows .owl-nav .owl-prev { background: url("../img/prev.png"); width: 47px; height: 90px; } 
.owl-theme.owl-arrows .owl-nav .owl-next { background: url("../img/next.png"); width: 47px; height: 90px; } 

#main-wrapper .owl-item .col-lg-12 { padding: 0px; } 
.item_txt { max-width: 1300px; margin: 0 auto; text-align: center; } 
.owl-carousel .item .item_txt > img { width: 250px; height: auto; display: inline-block; } 
.item_txt span { display: block; color: white; font-size: 54px; font-weight: 600; } 
.item_txt h2 { font-size: 35px; margin: 0px !important; font-weight: 300 !important; } 
.item_txt p { font-size: 27px; font-weight: 100; margin: 10px 0px; line-height: 110%; font-weight: 100; } 
.owl-carousel .item_txt img.txt_logo_cqtel { width: 103px; height: 25px; display: inline-block; } 


/* 240726 메인 수정 */
.main-info-con 
{max-width:1450px; margin:0 auto;}
.main-info-con .info-2col-con 
{width:50%; padding:50px;}
.main-info-con .info-tit 
{border-bottom:1px solid #ddd; margin-bottom:30px; display:flex; justify-content: space-between; align-items:center;;}
.main-info-con .info-tit h2 
{font-family:'scoredream'; font-size:26px; font-weight:600; color:#000;}
.main-info-con .info-tit i 
{font-size:24px;}
.main-info-con .info-tit a:hover
{color:#3f4448;}

/* 메인 공지사항 */
.main-info-con .notice-con td,
.main-info-con .notice-con td a 
{font-family:'Pretendard' !important; font-weight:500; color:#000 !important;}

.main-info-con .main-info-top 
{display:flex; flex-wrap:wrap;}

.main-info-con .customer-con .info-wrap 
{display:flex; flex-wrap:wrap; justify-content: space-between; }


/*
.main-info-con .customer-con .tel-con > a 
{display:flex; align-items: center;}
.main-info-con .customer-con .tel-con .icon-con i 
{font-size:60px; color:#40e33f;}
.main-info-con .customer-con .tel-con .txt-con h2
{font-family:'Malgun Gothic'; font-size:25px; font-weight:700; color:#3d3d3d; }
*/

.main-info-con .customer-con .info-wrap 
{margin:30px 0;;}
.main-info-con .customer-con .info-wrap > a 
{display:flex; width:49%; align-items: center; justify-content: center; border:1px solid #ddd; background:#fff; padding:10px 20px; border-radius:5px; transition: all 0.3s ease;}
.main-info-con .customer-con .info-wrap .icon-con i 
{font-size:26px; color:#231916; transition: all 0.3s ease;}
.main-info-con .customer-con .info-wrap .txt-con p 
{font-family:'Noto Sans Kr'; font-size:17px; color:#000; font-weight:500; margin:0; transition: all 0.3s ease;}
.main-info-con .customer-con .info-wrap a.tel
{padding:0;}
.main-info-con .customer-con .info-wrap a.tel .txt-con p
{font-size:25px; color:#000; font-weight:700;}
.main-info-con .customer-con .info-wrap a.tel:hover
{border-color:#0161ab}
.main-info-con .customer-con .info-wrap a.tel:hover .txt-con p
{color:#000;}
.main-info-con .customer-con .open-time 
{text-align:center;}
.main-info-con .customer-con .open-time p 
{ font-size:19px; color:#333; font-weight:300; margin:0px;}

.main-info-con .customer-con .info-wrap > a.email:hover,
.main-info-con .customer-con .info-wrap > a.inquiry:hover
{background:#0161ab; color:#fff;;}
.main-info-con .customer-con .info-wrap > a.kakao:hover
{background:#ffd92e; color:#fff;}
.main-info-con .customer-con .info-wrap > a:hover .txt-con p 
{color:#fff;}

.main-info-con .main-info-bot 
{display:flex; flex-wrap:wrap;}
.main-info-con .product-tit 
{font-size:26px; font-weight:700; color:#272727; margin-bottom:20px;}
.main-info-con .product-con ul 
{display:flex ;justify-content: space-between;;}
.main-info-con .online-mall 
{display:flex; flex-wrap:wrap;; align-items: center; justify-content: center;}
.main-info-con .online-mall .left-con .rlc-logo 
{background-size:cover; background-repeat:no-repeat; width:194px; height:49px;}
.main-info-con .online-mall .right-con 
{margin-left:50px; }
.main-info-con .online-mall .right-con p 
{font-size:17px; color:#000; font-weight:400;  display:inline-block;margin:0; border:1px solid #ddd; padding:10px 50px;; transition:all 0.3s ease;}

.main-info-con .online-mall .right-con p:hover 
{border-color:#0161ab; transform:translateX(30px); background:#0161ab; color:#fff;}


.main-product-con .font-eng,
.main-product-con .inner-lg h4
{color:#000;}
.main-product-con .inner-lg p
{color:#000; font-weight:600;}




.bg-footer { background-color: #222; padding:0;} 
.bg-footer .row 
{align-items: center;}
.bg-footer .mb-0 { color: #bebdbd; font-size: 15px; } 
.bg-footer .manage a { color: #bebdbd; } 
.bg-footer .manage a:hover { color: #d4d4d4; } 

.top-list-con 
{display:flex; margin-bottom:10px;}
.top-list-con a 
{color:#ececec; display:inline-block; padding:5px 20px 5px 0;}

.bg-footer .ft-center 
{padding:30px 0px;}

/*sub*/
.height-title { height: 400px; } 
.container > .row { margin: 0px; padding: 0px; } 
.container .row > img { width: auto; margin: auto; } 
.spacer .text-center h3 { font-family: "Noto Sans Kr"; font-weight: 500 !important; font-size: 36px; color: black; } 

/* 오시는길 */
.location_txt { width: 100%; border: 1px solid #ddd; border-top: none; margin-bottom: 30px; } 
.location_txt p { margin: 20px 0px; padding: 0px 20px; } 

/*login*/
/*
.btn-accent, .btn-accent.disabled
 {
 background:#3f337b; } 
*/

/* 자료실 */
#search_table { float: right; margin-bottom: 10px; } 
/*
.tableA-list
 {
 position:relative; top : 0; } 
#ext_search
 {
 position:Absolute; top : 8px; right:25px; background: #f7f7f7; } 
#ext_search select[name="com_board_search_code"] { height: 32px; } 
*/

.notice-board .att_title font
{font-size:15px !important; font-weight:500;}
.notice-board .bbsno 
{font-weight:500; color:#000;}
.notice-board .bbsnewf5 a 
{font-weight:500;}
.notice-board .bbsetc_dateof_write 
{font-weight:500; color:#000;}

/* Police 정책 / 개인정보 */

.cm_police_style_01 .textareainfo
{width:100%; border:1px solid #ddd; min-height:300px; background:#f4f4f4; padding:50px 30px; font-size:16px; color:#666;}

.cm_police_style_01 .emailinfo .info_box
{display:flex; align-items:center; flex-wrap:wrap; background:#f4f4f4; border:1px solid #ddd; border-radius:10px; padding:30px; }
.cm_police_style_01 .emailinfo .info_box .img-con
{width:15%; height:60px; text-align:center; background-image:url('../../img/info_icon.png'); background-position:center; background-repeat:no-repeat;}
.cm_police_style_01 .emailinfo .info_box .txt-con
{width:85%;}
.cm_police_style_01 .emailinfo .info_box .txt-con h4
{font-size:19px; margin-bottom:10px;}
.cm_police_style_01 .emailinfo .info_box .txt-con p
{font-size:17px; color:#4b4b4b; line-height:1.3; word-break:keep-all;}
.cm_police_style_01 .emailinfo .emailinfo-detail
{}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec
{margin:50px 0;}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec h5
{font-size:21px; padding-left:15px; margin-bottom:25px; position:relative; color:#222;}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec h5:before
{content:''; position:absolute; left:0; width:5px; height:100%; background:#004898}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li
{font-size:18px; color:#4e4e4e; margin-bottom:25px; font-weight:600; word-break:keep-all; line-height:1.5}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul
{margin-top:10px;}
.cm_police_style_01 .emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul > li
{font-size:16px; color:#666; margin-bottom:5px; font-weight:400; line-height:1.5}

@media screen and (max-width:1200px){
    .cm_email_style_01 .info_box .img-con
    {width:100%; margin-bottom:15px;}
    .cm_email_style_01 .info_box .txt-con
    {width:100%;}
}


/* 주요취급제품 */
.product-content .subtit-area li p
{color:#000; font-weight:600;}
.product-content .banner h4 
{color:#000;}
.product-content .banner p 
{color:#000;}
/* 주요취급제품 - SMT */
.product-content.smt .list ul li
{color:#000; font-weight:600;}
.product-content.smt .prod-spec li p 
{color:#000}
/* 자료실 공통 */
.data-board .tableA-list td.att_title font
{font-size:15px !important; color:#000; font-weight:500;}
.data-board .tableA-list td,
.data-board .tableA-list td font,
.data-board .tableA-list td span 
{color:#000;}
/* 공지사항(News) 커스텀 */
.notice-content .bbs-list-head 
{display:none;}

.notice-content td 
{vertical-align: middle;}
.notice-content td.bbsnewf5 
{padding:1.75rem 1.5rem}
.notice-content td.bbsnewf5 a 
{color:#000;}
.notice-content td.bbscategory 
{color:#000; font-weight:500; font-size:16px;}


@media screen and (max-width: 1500px){
 .navbar-nav .nav-link { padding: 35px 50px !important; } 
 li.nav-item.dropdown .dropdown-menu.show { min-width: 0px; } 

 .navbar-nav .hide { display: inline-block; } 
 .gnb_bg { height: 250px; } 
 }

@media screen and (max-width: 1370px){
 .navbar-nav .nav-link { padding: 35px 45px !important; } 
 .navbar-collapse .nav-item .nav-link { font-size: 18px; } 
 }

@media screen and (max-width: 1300px){
 .navbar-nav .nav-link { padding: 35px 45px !important; } 
 .navbar-collapse .nav-item .nav-link { font-size: 1em; } 
 }

@media screen and (max-width: 1250px){
 .navbar-nav { margin-left: 335px !important; } 
 .navbar-nav .nav-link { padding: 35px 40px !important; } 
 }

@media screen and (max-width: 1094px){
 .navbar-nav .nav-link { padding: 35px 30px !important; } 
 }

@media screen and (max-width: 991px){
 .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; border: 0; outline: 0; } 
 li.nav-item.dropdown .dropdown-menu { background: #ddd; } 
 .navbar-light .navbar-toggler,
 .navbar-dark .navbar-toggler { margin: 0px 10px 0px 0px; } 
 .navbar-light .navbar-toggler-icon,
 .navbar-dark .navbar-toggler-icon { width: 20px; height: 2px; background: #333; margin-top: 4px; display: block; } 

 .navbar-dark .navbar-brand,
 .navbar-light .navbar-brand { background: url("../img/logo_on.png") no-repeat center left; background-size: contain; height: 50px; } 
 .navbar-nav { margin-left: 0px !important; } 
 .navbar-nav .nav-link { padding: 30px 40px 5px !important; } 
 li.nav-item.dropdown .dropdown-menu.show { text-align: left; padding: 10px 30px; } 
 .navigation-center .dropdown-menu .dropdown-item { color: #333; } 

 .navbar-collapse.show { height: 100vh; width: 100%; /* overflow: scroll; */
 position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 900; } 
 .gnb_bg { display: none !important; } 
 .nav-item { border-bottom: 1px solid #ddd; } 
 .navbar-nav { height: 100vh; width: 75%; overflow-y: scroll; padding-top: 65px; position: fixed; top: 0; right: 0; background: #fff; z-index: 9000; } 
 .navbar-toggler { z-index: 9999; } 
 button.navbar-toggler.active span { width: 30px; } 
 button.navbar-toggler.active span:nth-child(1) { transform: rotateZ(45deg); } 
 button.navbar-toggler.active span:nth-child(2) { display: none; } 
 button.navbar-toggler.active span:nth-child(3) { transform: rotateZ(-45deg); margin-top: -2px; } 
 }

@media screen and (max-width: 414px){
 .navbar-dark .navbar-brand { background: url("../img/logo_on.png"); } 
 /*
 .navbar-light .navbar-brand
 {
 margin:15px 5px; } 
*/

 .navbar-light .navbar-toggler,
 .navbar-dark .navbar-toggler { margin: 0px 10px 0px 0px; } 
 .navbar-light .navbar-toggler-icon,
 .navbar-dark .navbar-toggler-icon { width: 20px; height: 2px; background: #333; margin-top: 4px; display: block; } 

 .navbar-nav .nav-link { padding: 10px 40px !important; } 
 .navigation-center .dropdown-menu,
 .navigation-center .dropdown-item.hover,
 .navigation-center .dropdown-item:hover,
 .navigation-center .dropdown-item.active,
 .navigation-center .dropdown-item:active { background: #0004e1; border: none; } 

 .navbar-nav { margin: 0px !important; } 
 .item_txt span { font-size: 1.2em; letter-spacing: -0.05em; line-height: 1.2; margin-top: 10px; } 
 .item_txt h2 { font-size: 18px; } 
 .item_txt p { font-size: 16px; } 

 .owl-theme.owl-arrows .owl-nav { display: none; } 
 .owl-theme.owl-dots-inner .owl-dots { bottom: 10%; } 

 .height-title { height: 250px; } 
 .sub-navbar-wrap { margin-top: 0px; } 

 .height-title .col-md-12 h2 { font-size: 32px; padding-top: 50px; } 

 .spacer { padding: 120px 0px 80px; } 

 .container .row > img { padding: 0px 10px; } 

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover { color: #999 !important; } 

 #ext_search { width: 100% !important; margin: 0 !important; } 

 #search_table { float: unset; width: 100%; } 

 .table.tableA-list td { font-size: 13px; } 

 .mobile-table { overflow: scroll; } 

 #search_table tbody > tr { display: flex; width: 90vw; } 

 #search_table td * { width: 100%; } 

 .paging a:link { line-height: 5em; } 

 .table.tableA-list td { word-break: unset; } 
 }


 @media screen and (max-width:1200px) {
  .bg-footer .footer-info-con 
  {padding:30px 0px;}
  .bg-footer .ft-center
  {padding:10px 0px;}
  .main-info-con .product-con ul li img{width: 100%;}
 }

 @media screen and (max-width:992px) {
  .main-info-con .info-2col-con 
  {width:100%; padding:50px 20px;}
  .main-info-con .product-con ul
  {justify-content: center;}
}

@media screen and (max-width:767px) {
  .main-info-con .customer-con .info-wrap{margin: 20px 0;}
  .main-info-con .customer-con .info-wrap a.tel .txt-con p{font-size: 18px;}
  .main-info-con .product-con ul
  {flex-wrap:wrap;}
  .main-info-con .product-con ul li 
  {text-align:center; width:100%; margin:10px 0px;}
  .main-info-con .online-mall .right-con
  {margin:30px 0 0; width:100%; text-align: center;}
  .main-info-con .bd_out1
  {width: 100%; text-overflow: ellipsis;}
  .main-info-con tr.board_output_15_tr td:first-child {
    display: none;
  }
  .main-info-con tr.board_output_15_tr {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100% !important;
  }
  .main-info-con tr.board_output_15_tr td:nth-child(2) {
    width: 180px;
  }
  .main-info-con tr.board_output_15_tr td:last-child {
    width: 100px;
  }
  .top-list-con{justify-content: space-between; font-size: 14px;}
}