@charset "utf-8";

/*@font-face {*/
  /*font-family: 'NanumBarunGothic';*/
  /*font-style: bold;*/
  /*font-weight: 600;*/
  /*src: url(../font/NanumBarunGothicBold.eot);*/
  /*src: url(../font/NanumBarunGothicBold.woff) format('woff'),*/
       /*url(../font/NanumBarunGothicBold.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
  /*font-family: 'NanumBarunGothic';*/
  /*font-style: normal;*/
  /*font-weight: 400;*/
  /*src: url(../font/NanumBarunGothic.eot);*/
  /*src: url(../font/NanumBarunGothic.woff) format('woff'),*/
       /*url(../font/NanumBarunGothic.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
  /*font-family: 'NanumBarunGothic';*/
  /*font-style: 'light';*/
  /*font-weight: 300;*/
  /*src: url(../font/NanumBarunGothicLight.eot);*/
  /*src: url(../font/NanumBarunGothicLight.woff) format('woff'),*/
       /*url(../font/NanumBarunGothicLight.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
  /*font-family: 'NanumBarunGothicUltra';*/
  /*font-style: 'ultralight';*/
  /*font-weight: 100;*/
  /*src: url(../font/NanumBarunGothicUltraLight.eot);*/
  /*src: url(../font/NanumBarunGothicUltraLight.woff) format('woff'),*/
       /*url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');*/
/*}*/

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


*{font-family: 'Noto Sans KR', sans-serif; word-break: keep-all; padding: 0; margin: 0; border:none; letter-spacing: 0.01em; }

html, body {margin:0;padding:0; height: 100%;   }
/*html {margin: 0; padding: 0; height: 100%;}*/
body{font-size: 15px; letter-spacing: -0.2px; overflow-x: hidden}
ul{margin: 0; padding: 0; list-style:none;}
li{list-style:none;}
a{transition: 0.2s ease;text-decoration: none; cursor: pointer; color: #333;}
a:hover{text-decoration: none; cursor: pointer;} 

input {border: none; font-size: 1em;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
/*  -webkit-text-fill-color: #333;*/
  transition: background-color 5000s ease-in-out 0s;
}
input[type=button],input[type=submit],input[type=radio] { -webkit-appearance: none;}
button {border: none; font-size: 1em; font-weight: 400;}
textarea { vertical-align: top; border: none; font-size: 1em; resize: none;}

/*
.wrap{width:100%; float: left; transition:all 200ms ease-in; }
.wrapB {width: 1280px; margin: 0 auto; } 
*/
.wrap {width: 100%; float: left;}
.wrapB {width: 870px; margin: 0 auto; } 
.wrapC {width: 1920px; margin: 0 auto; overflow-x: hidden}
.wrapN {width: 1200px; margin:0 auto;}
.middle{display: table-cell; vertical-align: middle; text-align: center;}
.left{float: left}
.right{float: right} 
.displayOff {display: none;}
.displayOn {display: block; }
.pcNone {display: none}
.moNone {display: block}
.relative {position:relative}

/*GAP*/
.bottomGap {float: left;padding-bottom: 10%; width: 100%; }
.bottomGap50 { width: 100%; padding-bottom: 100px;}
.div{width: 100%; float: left; height: 1px;}

.ud1{margin: 1% 0}
.ud2{margin: 2% 0}
.ud3{margin: 3% 0}
.ud4{margin: 4% 0}
.ud5{margin: 5% 0}
.ud6{margin: 6% 0}
.ud7{margin: 7% 0}
.ud8{margin: 8% 0}
.ud9{margin: 9% 0}
.ud10{margin: 10% 0}

.lr1{margin: 0 1%}
.lr2{margin: 0 2%}
.lr3{margin: 0 3%}
.lr4{margin: 0 4%}
.lr5{margin: 0 5%}
.lr20{margin: 0 20%}
.lr15{margin: 0 15%}
.lr10{margin: 0 10%}
 
.ma1{margin: 1%}
.ma2{margin: 2%}
.ma3{margin: 3%}
.ma4{margin: 4%}
.ma5{margin: 5%}
 
.pa1{padding: 1%}
.pa1-2{padding: 1.2% 0;}
.pa2{padding: 2%}
.pa3{padding: 3%}
.pa4{padding: 4%}
.pa5{padding: 5%}
.pa6{padding: 6%}
.pa7{padding: 7%}
.pa8{padding: 8%}
.pa9{padding: 9%}
.pa10{padding: 10%}

/*FONT*/
h1, h2, h3, h4, h5, h6{margin: 0; line-height: 1.5em; color: #333; font-weight: 400; }
h1 {font-size: 3.53em;}
h2{font-size: 2.4em;}
h3{font-size: 1.5em;}
h4{font-size: 1.35em;}
h5 {font-size:1.143em; }
h6 {font-size: 1em;}
p{font-weight: 300; line-height: 1.6em; padding: 0; margin: 0; letter-spacing: -0.2px; font-size: 16px;}
.font-s {font-size: 0.9em;} 
.font-b {font-size: 1.2em;}
.font-l {font-size: 1.6em;}
.f100{font-weight: 100}
.f200{font-weight: 200}
.f300{font-weight: 300}
.f400{font-weight: 400}
.f500{font-weight: 500}
.f600{font-weight: 600}
.t_center{text-align: center}
.t_left{text-align: left}
.t_right{text-align: right}
.italic {font-style: italic;}
.font-18 {font-size: 18px;}

/* COL */
.c10{width: 10%}
.c13{width: 13%}
.c15{width: 15%}
.c20{width:20%}
.c24{width:24%}
.c25{width:25%}
.c30{width:30%;}
.c33{width:33.3%}
.c40{width:40%;}
.c45{width:45%;}
.c48 {width: 48%;}
.c49 {width: 49%;}
.c49_6 {width: 49.6%;}
.c49_8 {width: 49.8%}
.c50{width:50%;}
.c55{width:55%;}
.c60{width:60%}
.c65{width:65%}
.c70{width:70%}
.c75{width:75%}
.c80{width:80%}
.c90{width:90%}
.c100{width: 100%;}
.c_center{margin: 0 auto}
.c_middle{display: table-cell; vertical-align: middle}

.h100 {height: 100%; overflow: hidden;}

/* FONT COLOR*/
.cun {color: #00AEEF;}
.cund {color: #00a0e9;}
.c003 {color: #003a66;}
.cfff {color: #fff;}
.c333 {color: #333;}
.c666 {color: #666;}
.c999 {color: #999}
.caaa {color: #aaa}
.red {color: #f25d5d;}
.c898 {color: #898989}
.c949 {color: #949494;}

/* BG COLOR */
.bfff {background-color: #fff;}
.be0e {background: #e0e0e0;}
.bun {background: #00AEEF;}
.bf8 {background: #f8f8f8}
.b003 {background: #003a66;}

.break-word{
    word-break: break-word;
}

/*상단 메뉴*/
.navbar.horizontal-menu .navbar-inner .navbar-brand {width: 100%;}
.navbar.horizontal-menu .navbar-inner .navbar-brand a {width: 160px;}
.navbar-brand span {display: table-cell;
    vertical-align: middle;}
.navbar-brand .name {
    padding-left: 30px;
    font-size: 0.9em;
    font-weight: 500;
    color: #666;}
.logOut {text-align: right;
    width: 100px; line-height: 50px; float: right; margin-right: 50px;}
.logOut a {border-radius: 50px;
    border: 1px solid #999;
    text-align: center;
    font-size: 0.85em;
    padding: 10px 30px;
    color: #999; transition: 0.2s ease;}
.logOut a:hover {color: #00AEEF; border: 1px solid #00AEEF;}
.excel-download{
    border-radius: 50px;
    border: 1px solid #999;
    text-align: center;
    font-size: 0.85em;
    padding: 10px 30px;
    color: #999; transition: 0.2s ease;
}
.excel-download:hover{
    color: #00AEEF; border: 1px solid #00AEEF;
}

.page-container .main-content .page-title {background: #fff; padding: 15px 0;}
.centerName {    line-height: 48px;
    margin-left: 30px;
    font-weight: 400;
    color: #666;}

/*왼쪽 긴 메뉴*/
.sidebar-menu.fixed .sidebar-menu-inner {background: #fff; border-right: 1px solid #e4e4e4}
.sidebar-menu .main-menu a>span {font-weight: 300}
.sidebar-menu .main-menu a.logoutMobile {display: none;} 

/*게시판 페이징*/
.paging {    width: 100%;
    float: left; text-align: center}
.paging ul {display: inline-block}
.paging li {float: left;
    padding: 5px 12px;
    border: 1px solid #ddd;
    transition: 0.2s ease;
    cursor: pointer;
    color: #333; font-size: 0.85em;}
.paging li:hover {background: #00AEEF; border: 1px solid #00AEEF; color: #fff;}
/*게시판 리스트
.table>thead>tr>th {border-bottom: 0; padding: 12px 0 12px 20px;}
.table>tbody>tr>td {padding: 20px 0 20px 20px; color: #333; font-size: 0.9em;}
.table>tbody>tr:last-child {border-bottom: 2px solid #333;}
.table thead {border-bottom: 2px solid #333; border-top: 2px solid #333;}
*/
.table {margin-bottom: 35px}
.table thead {border-top: 2px solid #eee;}
.table>tbody>tr>td {font-size: 0.9em; padding:20px 0 20px 16px; color: #333; }
.table>tbody>tr>td:last-child {font-size: 1em; padding:20px 0 20px 10px; cursor: pointer; transition: 0.2s ease;}
/*.table>tbody>tr>td:nth-child(5):hover {color: #00AEEF; cursor: pointer;}*/
.table>tbody>tr>td:last-child:hover {color: #00AEEF}

/* 시설 안내 테이블 스타일*/
.table>tbody.ver-middle>tr>td{display:table-cell;vertical-align:middle;}
.table>tbody.ver-middle>tr>td>img{max-width:200px;}

/*게시판 생성 헤드*/
.head {width: 100%; float: left; border-bottom: 2px solid #333; padding-bottom: 15px;}

/*추가 버튼*/
.createBtn {margin-left: 20px; float: left;
    font-size: 0.9em; transition: 0.2s ease; margin-bottom: 20px;}

.createBtn a {padding: 6px 20px;
    line-height: 2.6em;
    font-size: 0.9em;
    margin-right: 20px; 
    border: 1px solid #999;
    border-radius: 50px; 
    color: #666;}
.createBtn-large a{
    padding:10px 30px !important;
}



.createBtn a:hover {color: #fff; background: #00AEEF; border: 1px solid #00AEEF;}

/*취소 및 저장완료 버튼*/
.btn {margin: 20px 0; cursor: auto;}
.btn ul {width: 50%; margin: 0 auto;}
.btn li {display: inline-block; width: 50%;}   
.btn li input {padding: 10px 0; width: 100%;}
.btn li a {padding: 10px 0; width: 100%;}
.btn li .leftBtn {border: 1px solid #eee; background: #fff; color: #333; margin-right: 10px}
.btn li .rightBtn {border: 1px solid #00AEEF; background: #00AEEF; color: #fff;}

/*관리자 리스트에서 삭제 버튼*/
.listDelBtn {background: #00AEEF;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 0.9em;
    font-weight: 300;}


/*전체 페이지*/
.panel {margin-top: 15px; padding: 30px 40px} /*페이지 섹션 헤드랑 겹쳐서 좀 내림*/
.panel .panel-body {padding-top: 0}
.boardTitle {margin-bottom: 30px;}

/*메인 슬라이더 설정*/
/*
#image-container {float: left; width: 100%;}
.panelSlider .bx-wrapper {float: left; box-shadow: none!important; height: 100%; border: 1px solid #fff; max-width: 70%!important; float: right;}
.panelSlider .bx-viewport {height: 153px!important;}
 
.ajax-file-upload-statusbar {display: none;}

.ajax-file-upload-container {margin: 0!important;}
.ajax-file-upload {width: 100%;     line-height: 1em!important;
    margin: 0!important;
    height: auto!important;
    box-shadow: none!important;
    border-radius: 0!important;
    text-align: center!important;
    background: #00AEEF!important;
    font-weight: 400;
    padding: 12px 0!important;
    margin-bottom: 10px!important; }
.ajax-upload-dragdrop {border: none!important; padding: 0!important; width: 100%!important;}
.ajax-upload-dragdrop span {width: 100%; float: left; border: 1px dotted #ddd; text-align: center; padding: 25px 0;}
.ajax-upload-dragdrop span b {color: #666;}
.ajax-upload-dragdrop span b p {font-size: 0.9em;}
.mainSlider {height: 153px;}
.ppimgs {height: 100%;}
.ppimgs li {border: 1px solid #ddd; height: 100%;}*/
.panelSlider {padding: 30px 40px 70px 40px; }
.panelSlider .head {margin-bottom: 30px}
.panelSlider .mainVideoInner {width: 100%; float: left; margin-top: 10px;}
.panelSlider .mainVideoInner .mainVideo {width: 73%;
    border: 1px solid #ddd;
    padding: 10px;}
.panelSlider .mainVideoInner .mainVideoOk {padding: 10px;
    width: 25%; border: 1px solid #00AEEF; float: right;
    color: #fff;
    background: #00AEEF;}
.inline-block{display:inline-block;}
/*메인 슬라이더-이미지 업로드*/ 
.image-container {width: 100%; float: left; margin-bottom: 10px;}
.image-container b {font-weight: 400; color: #777;}
.panelSlider .ajax-upload-dragdrop {border: none; width: 100%!important; padding: 0}
.panelSlider .ajax-file-upload {  float: right;width: 25%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    font-weight: 400;
    padding: 12px;
    background: #00AEEF;
    margin:0 0 0 3px;}
.panelSlider .ajax-upload-dragdrop span {    border: 1px solid #ddd;
    float: left;
    padding: 10px;
    width: 73%;}
.panelSlider h6 {}
.panelSlider .mainSlider .c40>span {font-size: 0.9em; margin-left: 10px;}
.mainSliderList input {width: 100%; padding-top: 7px; margin-bottom: 21px;}
.mainSliderList .table>tbody>tr>td:last-child {padding: 20px 0}
.mainSliderList a.btn {  margin-top: 0;  background: #00AEEF;
    padding: 10px 20px 7px 20px;
    color: #fff;
    border-radius: 10px;}
.mainSliderList .sliderNum {border: 1px solid #ddd; text-align: center; padding: 7px 0}
.mainSliderList .imageTxt {width: 100%;
    border: 1px solid #ddd;
    margin-top: 20px;
    height: 200px;}
.panelSlider .ajax-file-upload-statusbar {border: none;}
.mainSliderList a.txtSaveBtn {    display: block;
    margin-top: 10px;
    border-radius: 0;
    color: #999;
    background: #fff;
    border: 1px solid #ddd;}  

/*메뉴*/
.sidebar-menu {width: 280px;}
.sidebar-menu.fixed .sidebar-menu-inner {background: #2c2e2f;}
.sidebar-menu .logo-env {border-bottom: 1px solid #313437} 
.sidebar-menu .main-menu a {color: #fff; padding: 15px 5px; font-size: 0.95em;}
.main-menu li {border-bottom: 1px solid #313437}
.logo img {width: 116px;}

/*관리자-팝업 업로드*/ 
.popupUpload {width: 500px; float: left;}
#dragUpload {    width: 100%;
    float: left; }
#dragUpload .ajax-upload-dragdrop {    border: none;
    width: 100%!important;
    padding: 0;}

/*관리자-슬라이더 링크 및 새창여부*/
.mainSliderList .linkMain {    border: 1px solid #ddd;
    padding: 10px; width: 92%; margin-bottom: 10px;}
.linkTd label {margin-right: 10px;}
.mainSliderList .linkInput {padding-top: 0; margin-bottom: 0; -webkit-appearance:radio; width: auto; margin-right: 5px;}
.mainSliderList a.linkTxtSaveBtn {margin-top: 10px;}


/*메인 메뉴*/
header {margin-top: 15px;}
#moHeader, .mo_menu {display: none;}
#logo img {display: block; margin: 0 auto;}
#logo svg {display: block; margin: 0 auto;}

.top {position: absolute;
    z-index: 1;
    right: 0;}
.top ul {text-align: right; padding: 10px 20px;}
.top ul li {display: inline-block}
.top ul li select {border: none; background: #fff; color:#00AEEF; font-size: 0.85em; }
.top ul li:nth-child(2) {transition: 0.2s ease; /*border-right: 1px solid #999;*/ border-left: 1px solid #999; padding: 0 0 0 10px; margin: 0 0 0 8px; line-height: 0.8em;}
.top ul li a {color: #666; font-size: 0.85em;}

.menu {width: 100%; float: left; margin-top: 13px; }
nav>ul {width:100%; text-align: center; box-sizing: initial; box-sizing: initial; -webkit-box-sizing: initial} 
nav>ul>li {
    display: inline-block;
    position: relative;
    z-index: 100;
    margin-left: 40px;
    cursor: pointer;
    margin: 0 20px;
    font-size: 16px;
    padding: 40px 0 28px 0;
    font-weight: 600;
    }
nav>ul>li a {font-size: 16px;}
.custMenu a {font-size: 22px;transition: 0.2s;}
.custMenu a:hover {color: #003b61;}
.menuSub a {font-size: 17px;}

/*nav ul li:nth-child(1) {margin-left: 0}*/
.custMenu:hover .menuSub {display: block; visibility: visible;} 
.menuBack {width: 100%; position: absolute; height: 53px; background: #003b61;  display: none; z-index: 1}

.menuSub {display: block; position: absolute; 
    top: 100%; left: 0;  
/*
    padding: 0 1000em; 
    margin: 0 -1000em; 
*/
    z-index: 101; 
    background:#003b61;
    visibility: hidden; width: 920px;}
.menuSub li {display: inline-block; float: left; margin-right: 30px; padding:  17px 0 15px 0;}
.menuSub li:last-child {margin-right: 0}
.menuSub li a {display: inline-block; transition: 0s ease; color: #ddd; font-weight: 400}
.menuSub li a:hover {color: #fff;}

.sub_con{position: absolute;width: 100%;background-color:#fff;left: 0;top: 131px;z-index: 3;display: none; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 15px 0;}  
.sub_con li{ margin: 0; display: inline-block; margin-right: 30px; float: left; font-size: 1em; padding: 0} 

.custMenu a:hover .sub_con {display: block;} 


/*메인 슬라이더*/
.homeSlider {height: 840px;}
.homeSlider .bx-wrapper {margin: 0; border: 0; height: 840px;}
.homeSlider .bx-viewport {height: 840px!important;}
.homeSlider .bx-viewport .bxslider {height: 100%}
.homeSlider .bx-viewport .bxslider a {height: 100%}
.homeSlider .bx-viewport .bxslider a li {height: 100%!important;}
.homeSlider iframe {height: 840px!important; width: 100%}
.homeSlider .bx-wrapper .bx-prev {background: url(../images/arrowL.png); width: 28px; height: 55px;}
.homeSlider .bx-wrapper .bx-next {background: url(../images/arrowR.png); width: 28px; height: 55px; z-index: 999999}
.homeSlider .bx-wrapper .bx-next:hover, .homeSlider .bx-wrapper .bx-next:focus {background-position:0; z-index: 999999}


/*메인 배너*/
.mainBanner {width: 100%; float: left;}
.mainBanner ul {width: 100%; float: left;}
.mainBanner li {width: 33.33333%; float: left; height: 320px; transition: 0.2s ease;}  
.mainBanner li:nth-child(2) {background: url(../images/unitron_main_banner-img.jpg) no-repeat; background-size: cover; background-position: center center;}
.mainBanner li:nth-child(1) {background: url(../images/mainBanner1.png) no-repeat; background-size: cover; background-position: center center;}
.mainBanner li:nth-child(3) {background: url(../images/mainBanner2.png) no-repeat; background-size: cover; background-position: center center;}
.mainBanner li a {    width: 100%;
    height: 100%;
    display: table;}
.mainBanner li .txt {    display: table-cell;
    vertical-align: middle;
    text-align: center;}
.mainBanner li .txt p {color: #fff; padding-top: 2px;
    font-size: 0.85em;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-top: 1px solid rgba(255,255,255,0.5);
    margin: 0 auto}
.mainBanner li:nth-child(2) .txt p {width: 86px;}
.mainBanner li:nth-child(1) .txt p {width: 83px;}
.mainBanner li:nth-child(3) .txt p {width: 86px;}
.mainBanner li .txt h4 {margin-top: 20px; color: #fff; }
.mainBanner li img {width: 100%}
.mainBanner li:nth-child(2) {border: 15px solid #00aeef; box-sizing: border-box; border-top:none; border-bottom: none;}

/*바로가기 배너*/
.goBanner {width: 100%}
.goBanner .c50 {width: 49.9%; margin: 20px 0; border-right: 1px solid #ddd}
.goBanner .c50 a {transition: 0.2s ease;}
.goBanner .c50 a:hover span {color:#00aeef; }
.goBanner .c50 .c80 {margin: 0 auto}
.goBanner .c50 span {color: #747474;}
.goBanner .c50 span:nth-child(2) {}
.goBanner .c50 span:nth-child(1) {float: right}

.goBanner ul {width: 100%; height: 100%; display: table;}
.goBanner li {transition: 0.2s ease;} 
.goBanner li:nth-child(2), .goBanner li:nth-child(3) {background: #f4f4f4}
.goBanner li:nth-child(1) {background: #f7f7f7;}
.goBanner li:nth-child(1) img {margin-left:65px}
.goBanner li a {display: table-cell; width: 100%; float: left;
    vertical-align: middle;
    text-align: center;
    padding: 65px 0 0 0;}
.goBanner li h6 {color: #898989; font-weight: 300 }
.goBanner li h4 {font-weight: 400;
    margin: 30px 0 50px 0;}
.goBanner li img {}


/*이미지 박스 바로가기 배너*/ 
.gogoBanner {margin: 110px 0 0 0;}
.gogoBanner ul {}
.gogoBanner ul li {width: 32%; margin-right: 17px; height: 243px;}
.gogoBanner ul li:last-child {margin-right: 0; margin-bottom: 0}
.gogoBanner ul li:nth-child(1) {background: url(../images/product/ite03/img13.png) no-repeat; background-position: center center; background-size: cover; }
.gogoBanner ul li:nth-child(2) {background: url(../images/product/ite03/img11.png) no-repeat; background-position: center center; background-size: cover; }
.gogoBanner ul li:nth-child(3) {background: url(../images/product/ite03/img14.png) no-repeat; background-position: center center; background-size: cover;}
.gogoBanner ul li:nth-child(4) {background: url(../images/product/ite03/img15.png) no-repeat; background-position: center center; background-size: cover;}
.gogoBanner ul li a {width: 100%; text-align: center; float: left; height: 100%}
.gogoBanner ul li a p {width: 278px; line-height: 1.6em; padding: 30px 0 10px 0; font-size: 17px; font-weight: 500}
.gogoBanner ul li a img {}
.gogoBanner ul li a span {display: inline-block; font-size: 1em; color:#1B93E6; background: #fff; border-radius: 50px; padding:10px 25px; font-weight: 600; box-sizing: border-box; transition: .2s}
.gogoBanner ul li:hover a span {color: #fff; background: #1b93e6;}

/*페이지 내 sns*/ 
.topInfo {position: relative;}
.topInfo .sns {width: 870px; height: 15px;
    float: left;
    padding: 18px 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    bottom: 0;
    position: absolute;}
.topInfo .sns li {display: inline-block; margin-right: 15px}
.topInfo .sns li a {}
.topInfo .sns li a img {opacity: 0.2; border: none;}

.topInfo .sns.sns_blue {width: 100%; position: static; padding:30px 0 0;}
.topInfo .sns.sns_blue li a img {opacity: 1}
.topInfo .sns.sns_blue li {margin-right: 25px;}

/*페이지 내 tab*/
    .wrap>.tab {display: none}
.tab {width: 870px; margin: 0 auto}
.tab li {transition: 0.2s ease; display: inline-block; width: 33.1%; float: left}
.tab li a {width: 100%; float: left; color: #666; border: 1px solid #999; background: #fff;     text-align: center;
    padding: 20px 0;
    font-size: 0.9em;}
.tab li a:hover {background: #00AEEF; border: 1px solid #00AEEF; color: #fff } 

/*페이지 내 페이징*/
.paging {}
.paging span {color: #666; display: inline-block; font-size: 0.9em;}
.paging .Arrow {}
.paging .llArrow {margin-right:10px;}
.paging .lArrow {margin-right:20px;}
.paging .pagingNum {    border-left: 1px solid #666;
    border-right: 1px solid #666;
    padding: 0 20px;}
.paging .pagingNumInner {}
.paging .pagingNumInner>span {margin-right:30px;}
.paging .pagingNumInner>span:last-child {margin-right:0px;}
.paging .active {background: #b5b5b5;
    border-radius: 5px;
    padding: 3px 7px 1px 7px;
    color: #fff;}
.paging .rArrow {margin-left: 20px;}
.paging .rrArrow {margin-left: 10px;}
.paging .num {margin-right: 15px;}
.paging .num:last-child {margin-right: 0;}

/*회색 tab*/
.multipletab{
  width:100%;
  margin:0 auto; 
  overflow:hidden;
  position:relative;
}
.tab-buttons{
  display:inline-block;
  width:100%; 
}
.tab-buttons>span{
    text-align: center;
  display:block;
  float:left;
  cursor:pointer;
  color:#333; 
  background:#e0e0e0;
  padding:0 15px;
  line-height:40px !important;
}
.tab-buttons>span.active{
  background:#fff;
  color:#333;
  position:relative; 
    border-top: 3px solid #e0e0e0;
}
.tab-content{
position:relative;
}
.tab-content>div{
    top: 40px;
  position:absolute;
  color:#666; 
}
.activetab {width: 100%!important; padding: 0!important;}


/*메인 팝업*/
.popupMain {z-index: 99}
.popupMain .close {background: #fff; border-top: 1px solid #ddd;
    float: left; width: 100%; padding: 10px 0; display: inline-block;}
.popupMain .close label {margin-left: 10px; font-size: 0.9em;}
.popupMain .close label input {    margin-right: 5px;}
.popupMain .close button {background: #fff;
    float: right;
    font-size: 0.85em;
    margin-top: 2px;
    border-left: 1px solid #ddd;
    padding-left: 20px; margin-right: 10px;}


/*메인 footer*/
footer {width: 100%; float: left}
footer .wrapF {width: 1200px; margin:0 auto;}
footer .footerTop {padding:60px 0;  border-top: 1px solid #ddd; margin-top: 120px;}
footer .footerTop .support {}
footer .footerTop .support ul {}
footer .footerTop .support ul li {color:#444; margin-right: 25px; float:left; margin-bottom: 10px; font-size: 0.867em;}
footer .footerTop .support ul li:last-of-type {margin-bottom: 0px;}
footer .footerTop .support ul li.wrap {margin-right: 0; width: 100%}
footer .footerTop .support ul li span {font-weight: 600; margin-right: 3px}
footer .footerTop .supportLeft {margin-right: 120px; width: 250px;}
footer .footerTop .supportRight {width: 390px;}
footer .footerTop .supportRight .nbsp {font-weight: 400}
footer .footerTop h5 {color:#252525; font-weight: 600; font-size:0.867em; margin-bottom: 20px }
footer .footerTop dl {}
footer .footerTop dl dt {}
footer .footerTop dl dd {}

footer .fotterMiddle {background: #FAFAFA; padding:20px 0}
footer .fotterMiddle p {color:#444; font-size: 0.8em; margin-top: 5px}
footer .fotterMiddle ul {}
footer .fotterMiddle ul li {float:left; margin-right: 30px;}
footer .fotterMiddle ul li:last-of-type {margin-right: 0px;}
footer .fotterMiddle ul li a {font-size: 0.8em; color:#444; transition: .2s}
footer .fotterMiddle ul li a:hover {color:#1b93e6}

footer .footerBottom {background: #F2F2F2;text-align: center; padding:5px 0}
footer .footerBottom p {color:#999; font-size: .733em; }



/*footer 내 페이지*/
.footerPage {padding-bottom: 100px;}
.footerPage + footer .footerTop {margin-top: 0}
.footerPage h2 {margin: 50px 0;}
.footerPage .wrapB>div {width: 100%; float: left; margin-bottom: 20px;}
.footerPage h5 {color: #666; font-weight: 400}
.service .c666:last-child {margin-bottom: 50px;} 
.privacy .privacyInfo {margin-left: 10px;}
.privacy .privacyInfo div {margin-left: 15px;}
.privacy .privacyInfo div span {font-weight: 300}
.privacy .privacyInfo div span:nth-child(1) {margin-right: 20px;}
.mask, .email-mask {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); display: none; z-index: 100}
.eamilClose {    position: fixed;
    top: 50%;
    left: 50%;
    color: #fff;
    margin-top: -220px;
    margin-left: 273px;
    font-size: 3em;
    font-weight: 100;
    cursor: pointer;}
.emailPop {display: table; width: 100%; height: 100%;}
.emailPopInner {display: table-cell; vertical-align: middle;}
.emailPopInner>div {width: 500px; margin: 0 auto; background: #f7f7f7; padding: 50px; box-sizing: initial}
.emailPopInner>div h2 {margin-bottom: 25px; }


/*전문점*/ 
.centerMain {width: 1920px; margin: 0 auto;}
.centerTop ul li:nth-child(2) {border-right: 1px solid #999; padding: 0 10px; margin: 0 8px;} 
.centerMain .mainBanner .centerInfo {height: 217px; padding: 35px 0}
.centerMain .mainBanner .centerInfo .centerCeoImgWrap {width: 40%; float: left}
.centerMain .mainBanner .centerInfo .centerCeoImg { width:180px; height:220px; background-repeat: no-repeat; float: none; margin: 0 auto;}
.centerMain .mainBanner .centerInfo .centerTxt {display: table; width: 100%;
    float: right; height: 220px; text-align: center;}  
.centerMain .mainBanner .centerInfo .centerTxtInner {display: table-cell; vertical-align: middle;}
.centerMain .mainBanner .centerInfo .centerTxt h6 {font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 5px;} 
.centerMain .mainBanner .centerInfo .centerTxt p {    margin-bottom: 15px;} 
.centerMain .mainBanner .centerInfo .centerTxt dl {    margin-bottom: 5px;} 
.centerMain .mainBanner .centerInfo .centerTxt dt {    float: left;
    font-size: 0.85em;
    margin-right: 10px;
    margin-top: 2px;} 
.centerMain .mainBanner .centerInfo .centerTxt dd {} 
.centerMain .mainBanner .centerInfo .centerTxt .sat {margin: 5px 0 0 72px} 
.centerMain .mainBanner .centerInfo .centerTxt dd span:nth-child(1) {} 
.centerMain .mainBanner .centerInfo .centerTxt dd span:nth-child(2) {} 
.centerMain .mainBanner .centerInfo .centerTxt dd span:nth-child(3) {} 
.centerMain .mainBanner .centerInfo .centerTxt dd span:nth-child(4) {} 
.centerMain .mainBanner .centerInfo .centerTxt dd span:nth-child(5) {} 
.centerMain .mainBanner .centerInfo .centerTxt dd .dayName {font-size: 0.85em} 
.centerMain .mainBanner .centerTxt .btn {width: auto;
        float: none;
    margin: 0 auto;
    display: inline-block; margin-bottom: 0} 
.centerMain .mainBanner .centerTxt .btn li {background: #fff; 
    height: auto;
    width: auto; border-radius:5px;}
.centerMain .mainBanner .centerTxt .btn li:nth-child(1) {margin-right: 10px;}
.centerMain .mainBanner .centerTxt .btn li a {     display: block;
    padding: 10px 12px 8px 12px;
    height: auto;
    width: auto;} 
.centerMain .mainBanner .centerTxt .btn li:nth-child(1) a {color: #003b61;} 
.centerMain .mainBanner .centerTxt .btn li:nth-child(2) a {color: #fff; background: #00bdf5; border-radius: 5px;} 
.centerNum1 {margin-bottom: 6px;}
.centerTime1 {margin-bottom: 15px;}
.centerCeoName1 {margin-right: 5px; font-weight: 400;}
.mobile{display:none;}

.centerMain .goBanner li:nth-child(2) {height: 683px; background-size: cover!important}
.centerMain .goBanner li a {padding: 99px 0;}
.centerMain .goBanner li:nth-child(3) a {padding-bottom: 101px;}
 
/*괄호 글씨크기*/
.ghTxt {font-size: 0.85em;}

/* 2019.07.18 메인 수정 */
.main {}
.main + footer .footerTop {margin-top: 0}
.main .wrapM {width: 1200px; margin: 0 auto;}
.goBtn {background: #1B93E6; color:#fff; font-size: 1.267em; font-weight: 500; padding:13px 25px; border-radius: 60px; display: inline-block;border:1px solid #1b93e6 }
.main h2 {font-size: 2.667em; margin-bottom: 30px; font-weight: 600; color:#000; transition: .2s}
.goBtn:hover {background: #fff; color:#1b93e6;}
.main h2 + p {font-size: 1.067em; margin-bottom: 60px; color:#252525}

.main .experienceSection {padding-top: 134px;}
.main .experienceSection .left {width: 630px;}
.main .experienceSection img {width: 550px;}
.main .experienceSection h2 + p {margin-bottom: 30px;}

.main .productWrap {padding: 80px 0 120px; background: #FAFAFA; position: relative;}
.main .productWrap .product img {width: 422px; margin: 0 140px 0 90px;}
.main .productWrap .product {display: none;}
.main .productWrap .product.active {display: block;}
.main .productWrap .product .right {margin-top: 130px; width: 45%}
.main .productWrap ul {position: absolute; top:150px; left: calc(50% + 60px)}
.main .productWrap ul li {float:left; margin-right: 40px; font-size: 1.067em; cursor: pointer; color:#757575; transition: .2s}
.main .productWrap ul li:last-child {margin-right: 0px; }
.main .productWrap ul li.active {font-weight: 600; color:#1B93E6; padding-bottom: 3px; border-bottom:3px solid #1B93E6; }
.main .productWrap ul li:hover {color:#1b93e6}

.main .findWrap {padding:120px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;}
.main .findWrap * {color:#fff;}
.main .findWrap .goBtn:hover {color:#1b93e6;}

.cookie_popup{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background-color:#000;
    padding: 10px 15px;
}
.cookie_popup .left_wrap{
    float:left;
    width:calc(100% - 350px);
    color:#fff;
}
.cookie_popup .right_wrap{
    float:right;
    width:300px;
    position: absolute;
    right:15px;
    bottom:15px;
}
.cookie_popup .right_wrap .btn{
    margin:0;
    padding:8px 18px;
    color:#fff;
}
.cookie_popup .right_wrap .setting span{
    padding-bottom:1px;
    border-bottom:1px solid #fff;
}
.cookie_popup .right_wrap .save{
    background-color:#007FBE;
}
.cookie_popup .right_wrap .close{
    width:22px;
    height:22px;
    padding:0;
    border-radius: 100%;
    margin-left:40px;
}
.cookie_popup .right_wrap .close:before{
    display: inline-block;
    content: "\00d7";
    color: #000;
}
@media (min-width: 2225px){
    .cookie_popup .right_wrap{
        bottom:2px;
    }
}

@media (max-width: 1199px) {
    .cookie_popup .left_wrap{
        width: 100%;
        margin-bottom: 10px;
    }
    .cookie_popup .left_wrap p{
        font-size:0.875em;
    }

    .cookie_popup .right_wrap{
        position: initial;
    }
}

.arrowBtn {float:left; font-weight: 600; color:#1B93E6; font-size:1.267em; transition: .3s}
.arrowBtn img {float:right; margin-top: 6px; margin-left: 5px; transition: .3s}
/*.arrowBtn:hover img {margin-left: 15px;}*/
/*.arrowBtn:hover span {border-bottom: 1px solid #1b93e6; padding-bottom: 0px}*/

/* 2019.07.19 헤더 수정 */
header {padding:30px 0; margin-top: 0; position: relative; border-bottom: 1px solid #ddd}
header .wrapH {width: 1200px; margin:0 auto;}
header h1 {font-size: 1em;}
header .pcMenu {margin: 0 auto; width: 630px; text-align: center; padding-top: 5px}
header .pcMenu > li {display: inline-block; margin-right: 50px; cursor: pointer; font-size: 1.067em; color:#252525; font-weight: 500;position: relative; outline: none; transition: .2s}
header .pcMenu > li:hover {color:#1b93e6}
header .pcMenu > li img {float:right; margin-left:14px; margin-top: 11px; transition: .2s }
header .pcMenu > li:hover img {filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);}
header .pcMenu > li a {color:#252525; transition: .2s}
header .pcMenu > li a:hover {color:#1b93e6}
header .pcMenu > li:last-of-type {margin-right: 0px;}
header .pcMenu > li > ul {position: absolute; z-index: 9; background: #252525; top:57px; display: none; left: 50%}
header .pcMenu .toggleM.product ul {width: 160px;margin-left: -80px;}
header .pcMenu .toggleM.ear ul {width:180px; margin-left: -90px;}
header .pcMenu .toggleM.support ul {width:190px ;margin-left: -95px;}
header .pcMenu > li > ul > li {text-align: center;font-size: 1em; border-bottom: 1px solid #707070; width: 100%; float:left;}
header .pcMenu > li > ul > li:last-of-type {border:none;}
header .pcMenu > li > ul > li a {color:#fff; padding:20px 0; float:left; width: 100%; font-weight: 400}
header .pcRight {position: absolute;z-index: 9;width: auto;top: 37px; left:calc(50% + 600px); margin-left: -210px; }
header .pcRight li {display: inline-block; margin-right: 15px;}
header .pcRight li:last-of-type {margin-right: 0px; font-size: 0.867em; }
header .pcRight li:last-of-type a {transition: .2s}
header .pcRight li:last-of-type:hover a {color:#1b93e6}
header .pcRight select {width: 100px; outline: none; font-size: 0.867em; cursor: pointer; -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../images/new/arrow.svg') 96% / 8px no-repeat #fff;}
.checkWidth {display: none;}

/*1920 이하 모니터*/
@media (max-width: 1920px) {
    .wrapC {width: 100%;} 
}

/*1919 이하 모니터*/
@media (max-width: 1919px) {
    .goBanner li img {width: 100%;} 
    .footerInner {width: 100%;} 
}

/*1500 이하 모니터*/
@media (max-width: 1500px) {  
    /*footer*/
 
} 


@media (max-width: 1336px) {
    .homeSlider {height: 640px;}
    .homeSlider .bx-wrapper {height: 640px;}
    .homeSlider .bx-viewport {height: 640px!important;}
    .homeSlider li {height: 640px!important;}
    .homeSlider iframe {height: 640px!important;}
    
}

@media (max-width: 1199px) {

    .wrapN {width: 90%;}

    /* main */
    .main {}
    .main .wrapM {width: 90%; }
    .goBtn { font-size: 1.067em; }
    .main h2 {font-size: 2.133em; margin-bottom: 20px;}
    .main h2 + p {font-size: 1.067em; margin-bottom: 40px;}

    .main .experienceSection {padding-top:50px }
    .main .experienceSection .left {width: 100%;}
    .main .experienceSection img {width: 100vw; margin-top: 20px; margin-right: -5%}

    .main .productWrap {padding: 50px 0}
    .main .productWrap ul {left: 5%; top: calc(60vw + 65px)}
    .main .productWrap .product .imgWrap {width: 100%;text-align: center; float: left}
    .main .productWrap .product img {width: 60%; margin:0; float:initial}
    .main .productWrap .product .right {margin-top: 100px; width: 100%}

    .main .findWrap {padding: 50px 0}

    /* footer */
    footer .wrapF {width:90%;}
    footer .footerTop {padding:50px 0;}
    footer .footerTop .supportLeft {margin-right: 50px}

    header {display: none}
    .menu, #top {display: none;}
    #moHeader, .mo_menu {display: block;}
    #moHeader {    width: 100%; height: 59px; border-bottom: 1px solid #ddd;
        position: fixed;
        z-index: 999999;
        background: #fff;}
    .mo_menu{width: 100%; height: 100%; top: 0; left: 0; position: fixed;  display: table; font-size: 0.9em; display: none; z-index: 999990;}
    .mo_menu a{ color: #fff;}
    .mo_menu a:hover{ color: #00AEEF; display: block; padding-bottom: 16px;}
    .mo_menu li{border-bottom: 1px solid #14212A}
    .mo_menu li:last-child {border-bottom: none;}
    .mo_menu_head{
        width: 100%;
        height: 60px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
    }
    .mo_menu_subhead{
        width: 100%;
        height: 46px;
        position: absolute;
        top: 46px;
        left: 0;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    .mo_menu_logo{padding: 15px;}
    .mo_menu_logo a {color: #8bbc07;}
    .mo_menu_logo img {width: 114px;}
    .mobile_sub_menu{display: none; /*position: absolute;width: 50%;*/height: 100%;right: 0;overflow: scroll;top: 77px;}
    .mo_menu_left{width: 100%; margin-top: 60px; padding:0; float: left; height: 100%; vertical-align: middle; background: #003B61;}
    .mo_menu_left>ul>li>a {font-size: 1.2em; padding: 18px 24px; display: block}

    .mobile_sub_menu ul{margin-bottom: 0px; }
    .mobile_sub_menu li {    background: #14212A;
        border-bottom: 0;
        padding:18px 0 18px 24px}
    .mobile_sub_menu a{color: #fff;font-weight: 300; display: inline-block; width: 100%}
    .mo_menu_subhead li{
        margin: 0;
        display: inline-block;
        float: left;
        width: 33.3%;
        text-align: center;
        border-right: 1px solid #222;
        font-size: 0.9em;
        line-height: 46px;
        color: #ccc;
        margin-left: -1px;
    }
    .mo_menu_subhead li:last-child{border: none;}
    .mobile_sub_menu li img{margin-top: 10px;}
    .mo_menu_logo h5{line-height: 36px}
    .mo_menu li.active2 {padding-bottom: 0;}
    .active3 {    display: block;
        padding-bottom: 18px;}

    /*모바일 로고*/
    .mo-logo {float: none;padding: 15px 0 0 0; padding-left: 5%}
    .mo-logo img {width: 114px;}
    .mo-menu-top {position: fixed;z-index: 800;background: #fff;border-bottom: 1px solid #ddd;width: 100%;height: 56px;}
    .mo_menu_btn {
        position:fixed;
        right: 0;
        top: 0;
        z-index: 999991;
        width: 30px;
        height: 40px;
        margin-top: 8px; padding-right: 5%; box-sizing: content-box;
    }
    .mo_open_btn{position: fixed;}
    .mo_close_btn{}

    .mo_menu_btn div{transition: 0.2s ease;}
    .open_bar1{width: 30px;height: 1px;background-color: #333;position: absolute;margin-top: 13px;opacity: 1}
    .open_bar2{width: 30px;height: 1px;background-color: #333;position: absolute;margin-top: 33px;opacity: 1}

    .close_bar1{width: 30px;height: 1px;background-color: #333;position: absolute;transform: rotate(0deg);margin-top: 23px; z-index: 999;}
    .close_bar2{width: 30px;height: 1px;background-color: #333;position: absolute;transform: rotate(0deg);margin-top: 23px; z-index: 999;}
    .close_bar11{background-color: #00AEEF;transform: rotate(45deg);}
    .mo_menu_active .close_bar2{background-color: #003B61;transform: rotate(-45deg);}
    .mo_menu_active .close_bar1{background-color: #003B61;transform: rotate(45deg);}
    .mo_menu_active .open_bar2{opacity: 0}
    .mo_menu_active .open_bar1{opacity: 0;}

    .topInfo {margin-top: 59px;}

    .topInfo .sns.sns_blue {padding:18px 0 20px;}
}


/*큰 태블릿*/
@media (max-width: 1024px) {

}

/*작은 태블릿, 모바일*/
@media (max-width: 800px) {
   .c20, .c45, .c60, .c70, .c75, .c80 {width: 100%;}
.pcNone {display: block;}
.moNone {display: none;}
    
    /*메뉴*/
    .logo-env {padding: 15px 20px;}
    .logo img {width: 116px;}
    .page-container .main-content .page-title {width: 100%; margin: 0 0 15px 0; text-align: center;
    padding: 0;
    margin-top: 0;
    font-size: 0.9em;}
    .centerName {margin: 0; color: #999;}
    .logOut {display: none;}
    .sidebar-menu .main-menu a.logoutMobile {display: block;}
    .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:hover {color: #fff;}
    
    /*전체 페이지*/
    .panel {margin-top: 0}
    .row {margin: 0;}
    
    /*흰색 박스*/
    .page-container .main-content {padding: 0}
    .panel {padding: 30px;}
    .btn {padding: 0}
    
    /*게시판*/
    .boardList {width: 100%; float: left; overflow-x: auto; margin-bottom: 30px}
    .boardListInner {width: 100%; overflow-x: auto;}
    .table {width: 550px;}
    .boardTitle {width: 100%; text-align: center;}
    .createBtn {width: 100%; text-align: center; margin-bottom: 50px;}
    .paging li {padding: 5px 8px; font-size: 0.8em;}
    
    /*메인 슬라이더 설정*/
    .ajax-upload-dragdrop {width: 100%!important;}
    .image-container {width: 100%; margin-bottom: 10px}
    .panelSlider {height: 480px;}
/*    .bx-wrapper {max-width: 100%!important;}*/
    
    /*버튼*/
    div.btn {padding: 0}
    .btn ul {width: 100%;}
    .createBtn {margin-left: 0;}
    .createBtn a {margin-right: 0}
    
    /*페이지 내 하단 3개 이미지*/ 
    .gogoBanner ul {width: 567px; margin: 0 auto;}
    .gogoBanner ul li {width: 275px; margin-bottom: 17px;}
    .gogoBanner ul li:nth-child(3) {margin-right: 0}
    
    /*footer*/
    .page-container .main-content .main-footer {width: 100%; margin: 0;}
    
    
    
    /*메인*/
    .wrapB {width: 90%; margin: 0 auto;}
    .wrapC {width: 100%;}
    header {display: none;}

    /* footer */
    footer .fotterMiddle p {margin-bottom: 20px}
   
    
/*페이지 내 tab*/ 
.tab {width: 100%; float: left; overflow-x: auto; }
    .tabList {width: 100%;
    overflow-x: auto;}
    .tabInner {width: 100%;}
.tab li {transition: 0.2s ease; display: inline-block; width: 33.1%; float: left}
.tab li a {width: 100%; float: left; color: #666; border: 1px solid #999; background: #fff;     text-align: center;
    padding: 20px 0;
    font-size: 0.9em;}
    
    /*제품 페이지내 회색 Tab*/
    #soundNav p {margin: 10px 0 50px 0;}
    
/*페이지 내 sns*/
    .topInfo {height: 300px;}
.topInfo .sns {width: 90%;}
    
    /*전문점*/   
    .centerMain .mainBanner .centerInfo {height: 100%;}
    .centerMain .mainBanner .centerInfo .centerCeoImgWrap {width: 100%;}
    .centerMain .mainBanner .centerInfo .centerTxtInner {padding-top: 0px;}
    .centerMain .mainBanner .centerInfo .centerTxt {width: 100%; text-align: center; height: auto;}
    .centerMain .mainBanner .centerInfo .centerTxt dl {margin-bottom: 10px;} 
    .centerMain .mainBanner .centerInfo .centerTxt dt {width: 100%;}
    .centerMain .mainBanner .centerInfo .centerTxt .sat {margin: 5px 0 0 0;}
    .centerMain .mainBanner .centerTxt .btn {margin: 0 auto; float: none; display: inline-block}
.centerMain .goBanner li:nth-child(2) {height: auto;} 
.centerMain .goBanner li:nth-child(1) {width: 100%; background-size: contain; height: 300px;}
    .centerMain .goBanner li:nth-child(3) a {padding-bottom: 30px;}
    

    .homeSlider {height: 362px;}
    .homeSlider .bx-wrapper {height: 362px;}
    .homeSlider .bx-viewport {height: 362px!important;}
    .homeSlider li {height: 362px!important;}
    .homeSlider iframe {height: 362px!important;}

    
    
}
.toggle-button-wrap{
    position:absolute;
    right:30px;
}
.toggle-button-wrap a{
    margin-right:10px;
}
.toggle-active{
    color: #fff !important;
    background: #00AEEF;
    border: 1px solid #00AEEF !important;
}

/*모바일*/
@media (max-width: 767px) {
    .pc{display:none;}
    .mobile{display:block;}
    .wrapB {width:  90%;} 
    /*페이지 내 탭*/
    .tabInner {width: 500px} 
    
    /*메인 배너*/
    .mainBanner li {width: 100%; height: 120px; min-height: 150px;}
    
    /*이미지 박스 바로가기 배너*/ 
    .gogoBanner ul {width: 275px}
    
    /*전문센터 메인*/
    .centerMain .pcNone {display: block;}
    .centerMain .moNone {display: none;}
.centerMain .goBanner li:nth-child(2) {height: auto;} 
.centerMain .goBanner li:nth-child(1) {width: 100%; background-size: contain; height: 300px;}
    .centerMain .goBanner li:nth-child(3) a {padding-bottom: 30px;}
    
    
    .centerMain .goBanner li:nth-child(1) {width: 100%}
    .centerMain .goBanner li:nth-child(2) {width: 50%; height: auto; padding: 20px 0}
    .centerMain .goBanner li:nth-child(3) {width: 50%; height: auto; padding: 20px 0;} 
    
    .centerMain .goBanner li:nth-child(2) img, .centerMain .goBanner li:nth-child(3) img {display: none;}
    .centerMain .goBanner li:nth-child(3) img {width: 50%; margin: 0 auto; margin-top: 30px;}
    .centerMain .goBanner li a {padding: 0; float: none;}
    .centerMain .goBanner li:nth-child(3) a {padding-bottom: 0;}
    
    
    .popupMain {top: 50%!important; left: 50%!important; margin-left: -150px; margin-top: -165px;}

    /* footer */
    footer {}
    footer .footerTop .supportWrap {margin-top: 40px; width: 100%; float:left;}
    footer .footerTop .support ul {width: 100%; float:left;}
    footer .footerTop .supportLeft {margin-right: 0; width: 100%; float:left; margin-bottom: 25px;}
    footer .footerTop .supportRight {width: 100%; float:left;}
    footer .footerTop .supportRight .nbsp {margin-left: 30px; font-weight: 400}

    footer .fotterMiddle {padding:0;}
    footer .fotterMiddle .wrapF {width: 100%; float:left;}
    footer .fotterMiddle ul {}
    footer .fotterMiddle ul li {width: 33.33%; margin:0; text-align: center; padding:15px 0}

    footer .footerBottom {padding: 15px 0}
    footer .footerBottom p.mobile {color:#444; font-size: .8em; margin-bottom: 16px; margin-right:0px; width: 100%;}
    footer .footerBottom a.mobile {margin-top: 0; display: inline-block;}
    footer .footerBottom a.mobile img {margin-bottom: -4px; vertical-align: initial;}
    footer .footerBottom p {display: inline-block; margin-right: 20px;}

} 

/*모바일*/
@media (max-width: 420px) { 
    
    .c50 {width: 100%;}

    .eamilClose {    margin-top: -222px;
    margin-left: 122px;}
    .emailPopInner>div {width: 250px; padding: 20px;}
    
    .homeSlider {height: 560px;}
    .homeSlider .bx-wrapper {height: 560px;}
    .homeSlider .bx-viewport {height: 560px!important;}
    .homeSlider li {height: 560px!important;}
    .homeSlider iframe {height: 560px!important;}

    /* footer */

    
}