@charset "euc-kr";

@font-face {
  font-family: 'NGothic';
  src: url('/font/NanumGothic.woff') format('woff');
}

@font-face {
  font-family: 'NGothicB';
  src: url('/font/NanumGothicBold.woff') format('woff');
}

@font-face {
  font-family: 'NGothicEB';
  src: url('/font/NanumGothicExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'NBGothic';
  src: url('/font/NanumBarunGothic.woff') format('woff');
}

@font-face {
  font-family: 'NBGothicB';
  src: url('/font/NanumBarunGothicBold.woff') format('woff');
}

@font-face {
  font-family: 'pnight';
  src: url('/font/Cafe24Oneprettynight.woff') format('woff');
}

@font-face {
  font-family: 'Chosunilbo_myungjo';
  src: url('/font/Chosunilbo_myungjo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: NotoSans;
  font-weight: normal;
  src: url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  src: url('/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: 800;
  src: url('/font/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: 900;
  src: url('/font/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Gmarket';
  src: url('/font/GmarketSansTTFLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gmarket';
  src: url('/font/GmarketSansTTFMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gmarket';
  src: url('/font/GmarketSansTTFBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

p, a, h1, h2, h3, h4, h5, h6 {
  transform: skew(-0.001deg);
}

i {
  font-style: normal;
}

html {
  outline: none;
  font-family: 'Gmarket';
  font-weight: 300;
  color: #1e2438;
  height: auto;
  width: 100%;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  outline: none;
  font-family: 'Gmarket';
  font-weight: 300;
  color: #1e2438;
  height: auto;
  width: 100%;
  letter-spacing: -1px;
  font-size: 14px;
  color: #1e2438;
  background-color: #fff;
}

form {
  font-family: 'Gmarket';
  color: #1e2438;
}

textarea {
  font-family: 'Gmarket';
  color: #1e2438;
}

b {
  font-weight: 500;
}

a:link {
  color: #1e2438;
  text-decoration: none;
}

a:visited {
  color: #1e2438;
  text-decoration: none;
}

a:active {
  color: #1e2438;
  text-decoration: none;
}

a:hover {
  color: #1e2438;
  text-decoration: none;
  cursor: pointer;
}

a {
  outline: none;
}

@media (min-width:1200px) {

  /* ÃÖ¼Ò 1200 */
  #wrapper {
    min-width: 1500px;
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
  }

  header.firstheader {
    position: relative;
    z-index: 100;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.0));
  }

  header.firstheader:after {
    content: "";
    clear: both;
    display: block;
  }

  header .etc {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 40px;
    padding-top: 15px;
    z-index: 1;
  }

  .mobile_menu {
    display: none;
  }

  #quick {
    position: absolute;
    z-index:999;
    right: 40px;
  }

  #quick>a {
    float: right;
    background-image: linear-gradient(to right, rgb(173, 215, 121), rgb(214, 202, 33), rgb(243, 145, 113));
    margin-bottom: 20px;
    height: 90px;
    line-height: 90px;
    width: 90px;
    text-align: left;
    border-radius: 90px;
    font-size: 0px;
    transition: 0.3s;
    clear: both;
    font-size: 24px;
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    box-shadow: 0px 0px 20px -5px #5a5a5a;
    position: relative;
  }

  #quick>a p {
    font-weight: 500;
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    top: 32px;
    left: 91px;
    opacity: 0;
    transition: all 0s;
  }

  #quick>a p span {
    font-size: 28px;
    line-height: 28px;
    display: inline-block;
    color: #000;
    margin-right: 10px;
  }

  #quick>a .img {
    display: inline-block;
    height: 90px;
    line-height: 90px;
    width: 90px;
    text-align: center;
  }

  #quick>a img {
    vertical-align: middle;
    width: 50px;
  }

  #quick>a:nth-child(1):hover {
    width: 480px;
  }

  #quick>a:nth-child(2):hover {
    width: 480px;
  }

  #quick>a:nth-child(3):hover {
    width: 260px;
  }

  #quick>a:hover p {
    opacity: 1;
    transition: all 1.5s;
  }

  #quick .top_go {
    float: right;
    clear: both;
    width: 90px;
    text-align: center;
  }

  #quick .top_go img {
    cursor: pointer;
  }



  footer {}

  footer .footer_inner {
    position: relative;
  }

  footer .footer_inner .preview {
    background: #f8de8b;
    padding: 60px 0;
  }

  footer .footer_inner .preview>ul {
    width: 1400px;
    margin: 0 auto;
    font-size: 0;
  }

  footer .footer_inner .preview>ul>li {
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    box-sizing: border-box;
    vertical-align: top;
  }

  footer .footer_inner .preview>ul>li:nth-child(3) {
    margin-right: 0%;
  }

  footer .footer_inner .preview>ul>li .head {
    overflow: hidden;
    border-bottom: 1px solid #1e2438;
    padding: 0 10px 10px 10px;
  }

  footer .footer_inner .preview>ul>li .head span {
    font-size: 28px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a {
    float: right;
    font-size: 28px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list {
    padding: 20px 10px 0 10px;
  }

  footer .footer_inner .preview .list li {
    margin-bottom: 15px;
  }

  footer .footer_inner .preview .list li:last-child {
    margin-bottom: 0px;
  }

  footer .footer_inner .preview .list li a {
    display: block;
    font-size: 18px;
    line-height: 26px;
	position:relative;
  }


  footer .footer_inner .preview .list li a .new{
	position:absolute;
	top:0px;
	left:-15px;
  
  }
  footer .footer_inner .preview .list li a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list li a span:nth-child(1) {
    float: left;
    width: 70%;
    display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-right: 50px;
   box-sizing: border-box;
  }


  footer .footer_inner .preview .list li a span:nth-child(2) {
    float: left;
    width: 30%;
  }





  footer .cooper {
    background: #fff;
  }

  footer .cooper .cooper_box {
    width: 1400px;
    margin: 0 auto;
    font-size: 0px;
    padding: 30px 0;
  }

  footer .cooper_box .t1 {
    font-size: 30px;
    font-weight: 500;
    display: inline-block;
    width: 17%;
    vertical-align: middle;
  }

  footer .cooper_box .swiper-container2_wrap {
    display: inline-block;
    width: 83%;
    vertical-align: middle;
    position: relative;
  }

  /* Ŭ¸®´Ð ¹öÆ° */
  footer .cooper_box .swiper-container2_navi {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0px;
    top: 50%;
    margin-top: -27px;
  }

  footer .cooper_box .swiper-container2_navi>div {
    width: 36px;
    position: absolute;
    display: inline-block;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(1) {
    left: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(2) {
    right: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div img {
    cursor: pointer;
    transition: all 0.3s;
  }

  footer .cooper_box .swiper-container2_navi>div:hover img {
    vertical-align: middle;
    filter: invert(56%) sepia(62%) saturate(4449%) hue-rotate(356deg) brightness(99%) contrast(88%);
  }

  footer .cooper_box .swiper-container2 {
    width: calc(100% - 150px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  footer .cooper_box .swiper-container2 .swiper-slide {
    height: 80px;
  }

  footer .cooper_box .swiper-container2 .swiper-slide a {
    height: 80px;
    width: 100%;
    line-height: 80px;
    background: #fff;
    border-radius: 30px;
    border:1px solid #ccc;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
  }
  footer .cooper_box .swiper-container2 .swiper-slide a:hover {
    border:2px solid #ed6f16;
    line-height: 78px;
  }


  footer .cooper_box .swiper-container2 .swiper-slide a img {
    display: inline-block;
    vertical-align: middle;
  }



  footer .info{
    background: #ed6f16;
    text-align: center;
    color: #fff;
    padding:70px 0;
  }

  footer .info ul {
    margin-bottom: 40px;
  }

  footer .info ul li{
    display: inline-block;
    font-size: 30px; margin:0 30px;
  }
  footer .info ul li a{
    color: #fff;
    font-weight: 500;
  }
  footer .info ul li a:hover{
    color: #ffee00;
  }

  footer .info p {
    font-size: 24px; line-height: 50px;
  }
  footer .info p span{
    display: inline-block;
    position: relative;
  }
  footer .info p span::after{
    content: "|";
    display: inline-block;
    padding: 0 20px;
    font-size: 20px;
  }

  footer .info p span:nth-of-type(3)::after{
    display: none;
  }
  footer .info p span:nth-of-type(5)::after{
    display: none;
  }





  /* ¾Ö´Ï¸ÞÀÌ¼Ç */

  footer .footer_inner .preview>ul {
    opacity: 0;
    position: relative;
  }
  footer .footer_move .preview>ul {
    animation: footer_move1 1s forwards;
    animation-delay: 0.5s;
  }


  footer .cooper .cooper_box {
    opacity: 0;
    position: relative;
  }
  footer .footer_move .cooper .cooper_box {
    animation: footer_move2 1s forwards;
    animation-delay: 1.0s;
  }

  footer .info{
    opacity: 0;
    position: relative;
  }

  footer .footer_move .info{
    animation: footer_move3 1s forwards;
    animation-delay: 1.5s;
  }




  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #2f3542;
  }

  ::-webkit-scrollbar-track {
    background-color: #ccc;
  }

  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-3dLight-Color: #ddd;
    scrollbar-arrow-color: #bbb;
    scrollbar-base-color: #ddd;
    scrollbar-Face-Color: #1e2438;
    scrollbar-Track-Color: #ddd;
    scrollbar-DarkShadow-Color: #ddd;
    scrollbar-Highlight-Color: #2b1e2438a;
    scrollbar-Shadow-Color: transparent;
  }
}

@media screen and (min-width:768px) and (max-width: 1199px) {

  /* ÃÖ¼Ò 1200 */
  #wrapper {
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
  }

  header.firstheader {
    position: relative;
    z-index: 100;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.0));
  }

  header.firstheader:after {
    content: "";
    clear: both;
    display: block;
  }

  header .etc {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 40px;
    padding-top: 15px;
    z-index: 1;
  }

  #quick {
    display: none;
  }


  footer {}

  footer .footer_inner {
    position: relative;
  }

  footer .footer_inner .preview {
    background: #f8de8b;
    padding: 40px 0;
  }

  footer .footer_inner .preview>ul {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
  }

  footer .footer_inner .preview>ul>li {
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    box-sizing: border-box;
    vertical-align: top;
  }

  footer .footer_inner .preview>ul>li:nth-child(3) {
    margin-right: 0%;
  }

  footer .footer_inner .preview>ul>li .head {
    overflow: hidden;
    border-bottom: 1px solid #1e2438;
    padding: 0 10px 10px 10px;
  }

  footer .footer_inner .preview>ul>li .head span {
    font-size: 22px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a {
    float: right;
    font-size: 24px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list {
    padding: 15px 10px 0 10px;
  }

  footer .footer_inner .preview .list li {
    margin-bottom: 5px;
  }

  footer .footer_inner .preview .list li:last-child {
    margin-bottom: 0px;
  }

  footer .footer_inner .preview .list li a {
    display: block;
    font-size: 18px;
    line-height: 26px;
	position:relative;
  }


  footer .footer_inner .preview .list li a .new{
	position:absolute;
	top:0px;
	left:-15px;
  
  }


  footer .footer_inner .preview .list li a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list li a span:nth-child(1) {
    float: left;
    width: 60%;
    display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-right: 20px;
   box-sizing: border-box;
   font-size: 14px;
   line-height: 22px;
  }


  footer .footer_inner .preview .list li a span:nth-child(2) {
    float: left;
    width: 40%;
    font-size: 11px;
    line-height: 22px;
  }


  footer .cooper {
    background: #fff;
  }

  footer .cooper .cooper_box {
    width: 90%;
    margin: 0 auto;
    font-size: 0px;
    padding: 20px 0;
  }

  footer .cooper_box .t1 {
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
    width: 17%;
    padding-right: 50px;
    vertical-align: middle;
    box-sizing: border-box;
    word-break: keep-all;
  }

  footer .cooper_box .swiper-container2_wrap {
    display: inline-block;
    width: 83%;
    vertical-align: middle;
    position: relative;
  }

  /* Ŭ¸®´Ð ¹öÆ° */
  footer .cooper_box .swiper-container2_navi {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0px;
    top: 50%;
    margin-top: -19px;
  }

  footer .cooper_box .swiper-container2_navi>div {
    width: 20px;
    position: absolute;
    display: inline-block;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(1) {
    left: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(2) {
    right: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div img {
    cursor: pointer;
    transition: all 0.3s;
  }

  footer .cooper_box .swiper-container2_navi>div:hover img {
    vertical-align: middle;
    filter: invert(56%) sepia(62%) saturate(4449%) hue-rotate(356deg) brightness(99%) contrast(88%);
  }

  footer .cooper_box .swiper-container2 {
    width: calc(100% - 70px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  footer .cooper_box .swiper-container2 .swiper-slide {
    height: 60px;
  }

  footer .cooper_box .swiper-container2 .swiper-slide a {
    height: 60px;
    width: 100%;
    line-height: 60px;
    background: #fff;
    border-radius: 20px;
    border:1px solid #ccc;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
  }
  footer .cooper_box .swiper-container2 .swiper-slide a:hover {
    border:2px solid #ed6f16;
    line-height: 58px;
  }


  footer .cooper_box .swiper-container2 .swiper-slide a img {
    display: inline-block;
    vertical-align: middle;
    height:40px;
  }



    footer .info{
      background: #ed6f16;
      text-align: center;
      color: #fff;
      padding:50px 0;
    }

    footer .info ul {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 30px;
    }

    footer .info ul li{
      display: inline-block;
      font-size: 18px; margin:0 10px;
    }
    footer .info ul li a{
      color: #fff;
      font-weight: 500;
    }

    footer .info ul li a:hover{
      color: #ffee00;
    }

    footer .info p {
      width: 90%;
      margin: 0 auto;
      font-size: 16px; line-height: 30px;
    }
    footer .info p span{
      display: inline-block;
      position: relative;
    }
    footer .info p span::after{
      content: "|";
      display: inline-block;
      padding: 0 20px;
      font-size: 16px;
    }

    footer .info p span:nth-of-type(3)::after{
      display: none;
    }
    footer .info p span:nth-of-type(5)::after{
      display: none;
    }







  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #2f3542;
  }

  ::-webkit-scrollbar-track {
    background-color: #ccc;
  }

  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-3dLight-Color: #ddd;
    scrollbar-arrow-color: #bbb;
    scrollbar-base-color: #ddd;
    scrollbar-Face-Color: #1e2438;
    scrollbar-Track-Color: #ddd;
    scrollbar-DarkShadow-Color: #ddd;
    scrollbar-Highlight-Color: #2b1e2438a;
    scrollbar-Shadow-Color: transparent;
  }
}

@media (max-width:767px) {

  /* ÃÖ¼Ò 1200 */
  #wrapper {
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
  }

  header.firstheader {
    position: absolute;
    z-index: 100;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
  }

  header.firstheader:after {
    content: "";
    clear: both;
    display: block;
  }

  header .etc {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 40px;
    padding-top: 15px;
    z-index: 1;
  }

  #quick {
    display: none;
  }


  footer {}

  footer .footer_inner {
    position: relative;
  }

  footer .footer_inner .preview {
    background: #f8de8b;
    padding: 30px 0;
  }

  footer .footer_inner .preview>ul {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
  }

  footer .footer_inner .preview>ul>li {
    margin-bottom: 30px;
  }

  footer .footer_inner .preview>ul>li:nth-child(3) {
    margin-bottom: 0%;
  }

  footer .footer_inner .preview>ul>li .head {
    overflow: hidden;
    border-bottom: 1px solid #1e2438;
    padding: 0 10px 10px 10px;
  }

  footer .footer_inner .preview>ul>li .head span {
    font-size: 22px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a {
    float: right;
    font-size: 24px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list {
    padding: 15px 10px 0 10px;
  }

  footer .footer_inner .preview .list li {
    margin-bottom: 5px;
  }

  footer .footer_inner .preview .list li:last-child {
    margin-bottom: 0px;
  }

  footer .footer_inner .preview .list li a {
    display: block;
    font-size: 18px;
    line-height: 26px;
	position:relative;
  }


  footer .footer_inner .preview .list li a .new{
	position:absolute;
	top:0px;
	left:-15px;
  
  }
  footer .footer_inner .preview .list li a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list li a span:nth-child(1) {
    float: left;
    width: 60%;
    display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-right: 20px;
   box-sizing: border-box;
   font-size: 14px;
   line-height: 22px;
  }


  footer .footer_inner .preview .list li a span:nth-child(2) {
    float: left;
    width: 40%;
    font-size: 11px;
    line-height: 22px;
	text-align:right;
  }

  footer .footer_inner .preview .list li:nth-child(3) ~ li {
    display: none;
  }




  footer .cooper {
    background: #fff;
  }

  footer .cooper .cooper_box {
    width: 90%;
    margin: 0 auto;
    font-size: 0px;
    padding: 20px 0;
  }

  footer .cooper_box .t1 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    word-break: keep-all;
  }

  footer .cooper_box .swiper-container2_wrap {
    display: block;
    width: 100%;
    position: relative;
  }

  /* Ŭ¸®´Ð ¹öÆ° */
  footer .cooper_box .swiper-container2_navi {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0px;
    top: 50%;
    margin-top: -19px;
  }

  footer .cooper_box .swiper-container2_navi>div {
    width: 20px;
    position: absolute;
    display: inline-block;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(1) {
    left: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(2) {
    right: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div img {
    cursor: pointer;
    transition: all 0.3s;
  }

  footer .cooper_box .swiper-container2_navi>div:hover img {
    vertical-align: middle;
    filter: invert(56%) sepia(62%) saturate(4449%) hue-rotate(356deg) brightness(99%) contrast(88%);
  }

  footer .cooper_box .swiper-container2 {
    width: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  footer .cooper_box .swiper-container2 .swiper-slide {
    height: 50px;
  }

  footer .cooper_box .swiper-container2 .swiper-slide a {
    height: 50px;
    width: 99%;
    line-height: 50px;
    background: #fff;
    border-radius: 20px;
    border:1px solid #ccc;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
  }
  footer .cooper_box .swiper-container2 .swiper-slide a:hover {
    border:2px solid #ed6f16;
    line-height: 48px;
  }


  footer .cooper_box .swiper-container2 .swiper-slide a img {
    display: inline-block;
    vertical-align: middle;
    height:26px;
  }


      footer .info{
        background: #ed6f16;
        text-align: center;
        color: #fff;
        padding:30px 0;
      }

      footer .info ul {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 20px;
		font-size:0px;
      }

      footer .info ul li{
        display: inline-block;
		width:calc((100% - 24px )/3);
        font-size: 12px; margin:0px 4px;
		box-sizing:border-box;
      }
      footer .info ul li a{
        color: #fff;
        font-weight: 500;
	  border:1px solid #fff; 
	  padding:10px 10px;
	  display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
      }

      footer .info ul li a:hover{
        color: #ffee00;
      }

      footer .info p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px; line-height:16px;
      }
      footer .info p span{
        display: inline-block;
        position: relative;
        margin: 3px;
      }






  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #2f3542;
  }

  ::-webkit-scrollbar-track {
    background-color: #ccc;
  }

  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-3dLight-Color: #ddd;
    scrollbar-arrow-color: #bbb;
    scrollbar-base-color: #ddd;
    scrollbar-Face-Color: #1e2438;
    scrollbar-Track-Color: #ddd;
    scrollbar-DarkShadow-Color: #ddd;
    scrollbar-Highlight-Color: #2b1e2438a;
    scrollbar-Shadow-Color: transparent;
  }
}

/* ���� ���� */
::-moz-selection {
  background: #ed6f16;
  color: #fff;
}

::selection {
  background: #ed6f16;
  color: #fff;
}

.liner {
  border-bottom: 1px dotted #999999;
  margin-top: 10px;
  margin-bottom: 20px;
}

.c_point {
  color: #1e24381e2438;
  font-size: 25px;
  font-family: "NGothicB";
}

.copy-redf {
  color: #ff3300 !important;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

select {
  -webkit-appearance: none;
  /* ����Ƽ�� ���� ���߱� */
  -moz-appearance: none;
  appearance: none;
  /* ȭ��ǥ ������ �̹��� */
}






.underline_f {
  background-image: linear-gradient(transparent calc(100% - 3px), #ea5c18 3px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: background-size 0.3s;
  color: #000;
  cursor: pointer;
}

.underline_f.ffee00_f {
  background-image: linear-gradient(transparent 60%, #ffee00 40%);
}














@media print {
 

  /* ÃÖ¼Ò 1200 */
  #wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
  }

  header.firstheader {
    position: relative!important;
    z-index: 100;
    width: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.0));
	z-index:999;
  }



  header .etc {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 40px;
    padding-top: 15px;
    z-index: 1;
  }

  #quick {
    display: none!important;
  }


  footer {}

  footer .footer_inner {
    position: relative;
  }

  footer .footer_inner .preview {
    background: #f8de8b;
    padding: 30px 0;
  }

  footer .footer_inner .preview>ul {
    width: 90%;
    margin: 0 auto;
    font-size: 0;
  }

  footer .footer_inner .preview>ul>li {
    margin-bottom: 30px;
  }

  footer .footer_inner .preview>ul>li:nth-child(3) {
    margin-bottom: 0%;
  }

  footer .footer_inner .preview>ul>li .head {
    overflow: hidden;
    border-bottom: 1px solid #1e2438;
    padding: 0 10px 10px 10px;
  }

  footer .footer_inner .preview>ul>li .head span {
    font-size: 22px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a {
    float: right;
    font-size: 24px;
    font-weight: 500;
  }

  footer .footer_inner .preview>ul>li .head a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list {
    padding: 15px 10px 0 10px;
  }

  footer .footer_inner .preview .list li {
    margin-bottom: 5px;
  }

  footer .footer_inner .preview .list li:last-child {
    margin-bottom: 0px;
  }

  footer .footer_inner .preview .list li a {
    overflow: hidden;
    display: block;
  }
  footer .footer_inner .preview .list li a:hover {
    color: #ed6f16;
  }

  footer .footer_inner .preview .list li a span:nth-child(1) {
    float: left;
    width: 60%;
    display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-right: 20px;
   box-sizing: border-box;
   font-size: 14px;
   line-height: 22px;
  }


  footer .footer_inner .preview .list li a span:nth-child(2) {
    float: left;
    width: 40%;
    font-size: 11px;
    line-height: 22px;
  }

  footer .footer_inner .preview .list li:nth-child(3) ~ li {
    display: none;
  }




  footer .cooper {
    background: #fff;
  }

  footer .cooper .cooper_box {
    width: 90%;
    margin: 0 auto;
    font-size: 0px;
    padding: 20px 0;
  }

  footer .cooper_box .t1 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    word-break: keep-all;
  }

  footer .cooper_box .swiper-container2_wrap {
    display: block;
    width: 100%;
    position: relative;
  }

  /* Ŭ¸®´Ð ¹öÆ° */
  footer .cooper_box .swiper-container2_navi {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0px;
    top: 50%;
    margin-top: -19px;
  }

  footer .cooper_box .swiper-container2_navi>div {
    width: 20px;
    position: absolute;
    display: inline-block;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(1) {
    left: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div:nth-child(2) {
    right: 0px;
  }

  footer .cooper_box .swiper-container2_navi>div img {
    cursor: pointer;
    transition: all 0.3s;
  }

  footer .cooper_box .swiper-container2_navi>div:hover img {
    vertical-align: middle;
    filter: invert(56%) sepia(62%) saturate(4449%) hue-rotate(356deg) brightness(99%) contrast(88%);
  }

  footer .cooper_box .swiper-container2 {
    width: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  footer .cooper_box .swiper-container2 .swiper-slide {
    height: 50px;
  }

  footer .cooper_box .swiper-container2 .swiper-slide a {
    height: 50px;
    width: 99%;
    line-height: 50px;
    background: #fff;
    border-radius: 20px;
    border:1px solid #ccc;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
  }
  footer .cooper_box .swiper-container2 .swiper-slide a:hover {
    border:2px solid #ed6f16;
    line-height: 48px;
  }


  footer .cooper_box .swiper-container2 .swiper-slide a img {
    display: inline-block;
    vertical-align: middle;
    height:26px;
  }


      footer .info{
        background: #ed6f16;
        text-align: center;
        color: #fff;
        padding:30px 0;
      }

      footer .info ul {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 20px;
		font-size:0px;
      }

      footer .info ul li{
        display: inline-block;
		width:calc((100% - 24px )/3);
        font-size: 12px; margin:0px 4px;
		box-sizing:border-box;
      }
      footer .info ul li a{
        color: #fff;
        font-weight: 500;
	  border:1px solid #fff; 
	  padding:10px 10px;
	  display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
      }

      footer .info ul li a:hover{
        color: #ffee00;
      }

      footer .info p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px; line-height:16px;
      }
      footer .info p span{
        display: inline-block;
        position: relative;
        margin: 3px;
      }






  ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #2f3542;
  }

  ::-webkit-scrollbar-track {
    background-color: #ccc;
  }

  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-3dLight-Color: #ddd;
    scrollbar-arrow-color: #bbb;
    scrollbar-base-color: #ddd;
    scrollbar-Face-Color: #1e2438;
    scrollbar-Track-Color: #ddd;
    scrollbar-DarkShadow-Color: #ddd;
    scrollbar-Highlight-Color: #2b1e2438a;
    scrollbar-Shadow-Color: transparent;
  }

}