/*font설정*//*choi*/
    @font-face{
        font-family: 'nanumsquareL';
        font-style: normal;
        src : url(/application/views/resources/font/NanumSquareL.woff)
    }

    @font-face{
        font-family: 'nanumsquareR';
        font-style: normal;
        src : url(/application/views/resources/font/NanumSquareR.woff)
    }

    body{font-family:nanumsquareR!important;}


    /* 배너 스위퍼 버튼 스타일 변경, 구 스타일로 변경하려면 스타일 전체 주석처리할 것 */
    #slide_menu {
		float: right;
	}

	.swiper-button-next {
		background-image: url(https://phonehouse.co.kr/upload/arrow_next5.png) !important;
		width: 80px;
		height: 80px;
		background-size: 80px 80px;
		margin-top: -50px;
	}

	.swiper-button-prev {
		background-image: url(https://phonehouse.co.kr/upload/arrow_prev5.png) !important;
		width: 80px;
		height: 80px;
		background-size: 80px 80px;
		margin-top: -50px;
	}

	.navbar {
	position: fixed;
	}

	#navbar_right_J {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;

	}

	body {
		padding-top: 90px;
	}

	header {
		font-size:13px;
		position: fixed;
		top: 0; left: 0;
		width: 100%; height: 90px;
		transition: top 0.2s ease-in-out;
		border-bottom:1px solid #8F794D;
		border-color: #efefef !important;
		min-height: 90px;
		}

	.nav-up { top: -95px;	}

	.navbar-nav { /* PC */
		margin-top: 30px;
	}

    .navbar-nav img{width:30px;}

	.navbar-left {
		padding: 0 .3em;
		transition: all .3s;
	}


	#effect_hov:hover {
		border: 3px solid #ededed;
	}

	a.active {
		font-weight: bold;
		font-size: 22px;
	}

	#bs-navbar_2 a:hover {
		font-weight: bold;
	}

	.main_slide {
		border-color: transparent !important;
	}

    /* 마우스 오버 관련 css */
    .btn-plus_2 {
        position:absolute;
        top:90%;
        left:20%;
        background:rgba(0,0,0,0.5);
        width:400px;
        height:35px;
          align-content: center;
        border-radius: 10px;
        text-align:center;
        opacity:0;
        transform:scale(1);
        transition:all .2s linear;
      }

      .btn-plus_2 span {
        font-size:24px;
        color:#ffffff;
        user-select:none;
      }

      .btn-plus_3 {
        position:absolute;
        top:35%;
        left:25%;
        background:rgba(0,0,0,0.5);
        width:200px;
        height:25px;
          align-content: center;
        border-radius: 10px;
        text-align:center;
        opacity:0;
        transform:scale(1);
        transition:all .2s linear;
      }

      .btn-plus_3 span {
        font-size:16px;
        color:#ffffff;
        user-select:none;
      }

      #bs-navbar_2:hover .btn-plus_2 {
        opacity:1;
        transform:scale(1);
      }

      #effect_hov:hover .btn-plus_3 {
        opacity:1;
        transform:scale(1);
      }

      .nohot_icon {
              max-height:25px;
      }

      #ftsmall { /* 반응형 */
          font-size:30px !important;
      }

      #jiwongum { /* 반응형 */
          color: gray;
          font-size: 14px;
          font-weight: 500;
      }

      .sell_data {
          font-size: 14px;
          font-weight: 500;
      }

      #padzero {
          font-size: 20px;
          font-weight: bold;
      }

      .model_price { /* 반응형  pc */
          font-size: 14px;
          color:gray;
          margin-bottom: 20px;
          margin-top: 10px;
          font-weight:normal;
      }


      #logo01{ /* PC */
          position: fixed;
          width: 230px;
          top: 17px;
      }

      #bar_padding {
          margin-left: 380px;
      }


      #bs-navbar {
          margin-top: 25px;
      }

      #swiper_button_rightmargin {
          right: 200px;
      }

      #swiper_button_leftmargin {
          left: 200px;
      }

      @media screen and (max-width:380px){
        .product_div{
            height:350px!important;
        }
        .h200{height:180px!important;}
      }

      @media screen and (max-width:599px) {
         .h200{height:160px!important;}
         #mob_present_style {
              width: 100%;
              font-size: 15px;
              padding-left: 0px;
              padding-right: 0px;
              background: none;
          }

          #slide_menu {
              float: left;
          }

          #navbar_right_J { /* 모바일 */
              font-size: 16px;
              margin-top: 0px;
              text-align: inherit;
              padding-left: 20px;
              padding-top: 0px;
              width:100%;
          }

          header {
              min-height: 90px;
          }

          body {
              padding-top: 90px;
          }

          a.active {
              font-size: 15px !important;
              border-radius: 0px;
          }

          #logo01{ /* 모바일 */
              width: 150px;
              top:0.6%;
              position: fixed;
              left: 13%;
          }

          .activeLogo{
              width: 150px !important;
          }

          #ftsmall { /* 반응형 */
              width:33%;
              font-size:10px;
              font-weight:bold;
          }

          #padzero {
              padding: 4px;
          }

          .sell_data { /* 반응형 모바일 */
              font-size: 16px;
              font-weight: 500;
          }

          #jiwongum { /* 반응형 */
              color: gray;
              font-size: 16px;
          }

          .model_price { /* 반응형 */
              font-size: 16px;
              color:gray;
              margin-bottom: 20px;
              margin-top: 10px;
              font-weight:normal;
          }

          .product_div{
              margin-top: 10px;
              text-align: center;
              min-width: 120px;
              height:250px!important;
          }

          #bar_padding {
              margin-left: 0px;
          }

          #bs-navbar {
              margin-top: 0px;
          }

          .burgur{
          right:15px;
          top:23px;
          position:absolute;
          width:20px;
          height:2px;
          background:#000;
        }
        .burgur .top-line{
            width:20px;
            height:2px;
            background:#000;
            bottom:-5px;
            content:'';
            position:absolute;
            right:0;
            -webkit-transition: -webkit-transform .3s;
            transition : transform .3s;
        }
        .burgur .bot-line{
            width:20px;
            height:2px;
            background:#000;
            top:-5px;
            content:'';
            position:absolute;
            right:0;
            -webkit-tansition: -webkit-transform .3s;
            transition: transform .3s;

        }

        .burgur.on{
            width:0;
        }
        .burgur.on .bot-line{
            -webkit-transform: translateY(5px)
            rotate(135deg);
            transform: translateY(5px) rotate(135deg);
        }
        .burgur.on .top-line{
            -webkit-transform: translateY(-5px)
            rotate(-135deg);
            transform:translateY(-5px) rotate(-135deg);
        }
      }

      @media screen and (min-width:992px) and (max-width:1199px) {
          #logo01{
              width: 180px;
              top: 25px;
          }
      }

      @media screen and (min-width:768px) and (max-width:991px) {
          #logo01{ /* 태블릿 */
              width: 220px;
          }

          .navbar-nav { /* 태블릿 */
              margin-top: 70px;
          }

          #bs-navbar {
              margin-top: 60px;
              font-size: 12px;
          }

          #swiper_button_rightmargin {
              right: 100px;
          }

          #swiper_button_leftmargin {
              left: 100px;
          }

          body { /* 태블릿 */
              padding-top: 120px;
          }

          header {
              position: fixed;
              top: 0; left: 0;
              width: 100%; height: 125px;
              background: #ffffff;
              transition: top 0.2s ease-in-out;
              border-bottom:1px solid #8F794D;
              border-color: #efefef !important;
              min-height: 90px;
              }
              .nav-up { top: -120px;
              }

              .navbar-nav {
                  background: white;
              }
      }

      @media screen and (min-width:600px) and (max-width:767px) {
          #logo01{
              width: 160px;
              left: 10%;
              top: 3px;
          }

          #bs-navbar {
              margin-top: 60px;
              font-size: 12px;
          }

          #swiper_button_rightmargin {
              right: 100px;
          }

          #swiper_button_leftmargin {
              left: 100px;
          }

          body {
              padding-top: 91px;
          }

          header {
              position: fixed;
              top: 0; left: 0;
              width: 100%; height: 91px;
              background: #ffffff;
              transition: top 0.2s ease-in-out;
              border-bottom:1px solid #8F794D;
              border-color: #efefef !important;
              min-height: 90px;
              }

          .nav-up { top: -120px;}

          .navbar-nav {
              background: white;
          }

          .navbar-header {
              margin-bottom: 40px;
          }
      }

      .swiper-container {
        width: 100%;
        height: 100%;
      }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .navbar-inverse {
		background-color: #fff !important;
	}

	.icon-bar {
		background-color: lightgray !important;
	}

	body.slide-active {
			overflow-x: hidden
	}

	.no-margin-top {
			margin-top: 0px!important
	}

	#page-content {
			position: relative;
			padding-top: 70px;
			left: 0;
	}
	#page-content.slide-active {
			padding-top: 0
	}

	#slide-nav .navbar-toggle {
			cursor: pointer;
			position: relative;
			line-height: 0;
			float: left;
      margin-left:-15px;
  		width: 50px;
  		height: 53px;
			padding: 10px 0 0 0;
			border: 0;
      background: #fff;
			z-index:99999999;
	}

	#slide-nav .navbar-toggle > .icon-bar {
			width: 100%;
			display: block;
			height: 3px;
			margin: 5px 0 0 0;
	}
	#slide-nav .navbar-toggle.slide-active .icon-bar {
			background: #333 !important;
	}
	.navbar-header {
			position: relative
	}

	.navbar.navbar-fixed-top.slide-active {
			position: fixed
	}

	@media (max-width:767px) {
		#slide-nav .container {
				margin: 0;
				padding: 0!important;
		}
		#slide-nav .navbar-header {
				margin: 0 auto;
				padding: 0 15px;
		}
		#slide-nav .navbar.slide-active {
				position: absolute;
				width: 80%;
				top: -1px;
				z-index: 1000;
		}
		#slide-nav #slidemenu {
				background: #f7f7f7;
				left: -100%;
				width: 80%;
				min-width: 0;
				position: fixed;
				padding-left: 0;
				z-index: 2;
				top: -8px;
				margin: 0;
		}
		#slide-nav #slidemenu .navbar-nav {
				min-width: 0;
				width: 100%;
				margin: 0;
				border-right: 1px solid lightgray;
		}
		#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
				min-width: 0;
				width: 80%;
				white-space: normal;
		}
		#slide-nav {
				border-top: 0
		}
		#slide-nav.navbar-inverse #slidemenu {
				background: white !important; /* 나오는 슬라이드메뉴 배경색 */
		}
		#slide-nav #navbar-height-col {
				position: fixed;
				top: 0;
				height: 100%;
				width: 80%;
				left: -80%;
				background: #eee;
		}
		#slide-nav.navbar-inverse #navbar-height-col {
				background: white !important; /* 헤더  배경색 */
				z-index: 1;
				border-right: 1px solid lightgray;
		}
		#slide-nav .navbar-form {
				width: 100%;
				margin: 8px 0;
				text-align: center;
				overflow: hidden;
		}
		#slide-nav .navbar-form .form-control {
				text-align: center
		}
		#slide-nav .navbar-form .btn {
				width: 100%
		}
	}

	@media (min-width:768px) {
		#page-content {
				left: 0!important
		}
		.navbar.navbar-fixed-top.slide-active {
				position: fixed
		}
		.navbar-header {
				left: 0!important
		}
	}