@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: NotoSans;
  font-weight: normal;
  src: url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family: NotoSans;
  font-weight: bold;
  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: 'Chosunilbo_myungjo';
  src: url('/font/Chosunilbo_myungjo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

html {
  height: 100%;
  width: auto;
}

body {
  height: auto;
  position: relative;
  width: auto;
  font-family: NotoSans;
  font-size:14px;
  font-weight: bold;
  background-color: #ddd;
  /*¸ð¹ÙÀÏ °¡·Î ¼¼·Î ÆùÆ® ·»´õ¸µ ÀÚµ¿ ¼³Á¤È­ ÇØÁ¦*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #393939;
}





.textarea {
  background-color: white;
  border: 1px solid #dedede;
  font-size: 9pt;
  color: #000000;
  height: auto;
}

.submit {
  font-size: 9pt;
  color: white;
  height: 19px;
  background-color: #999999;
}


a { text-decoration:none; color:#999; }
a:hover { color:#666; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
address,strong{font-style:normal; font-weight:normal; }
table th{font-weight:normal;}
b{font-weight:800;}
img{-webkit-user-drag: none; }

 @media (min-width:1200px) {

   /* ÃÖ¼Ò 1200 ~ ÃÖ´ë */
   #wrapper {
     min-width: 1300px;
     margin: 0 auto;
     position: relative;
     background-color: #ffffff;
   }

   #wrapper::before {
     content: "";
     display: block;
     width: 800px;
     height: 900px;
     position: absolute;
     left: 0px;
     top: 0px;
     background-image: linear-gradient(135deg, #fff5eb, #fff, #fff);
     z-index: 0;
   }

   header.firstheader {
     position: relative;
     z-index: 5;
     width: 100%;
     margin: 0 auto;
   }

   .top_box {
     display: none;
   }

   /* ¸ÞÀÎ ¸Þ´º */
   #menu_box {
     border-top: 1px solid #393939;
     border-bottom: 1px solid #393939;
   }

   .gnb {
     width: 1200px;
     margin: 0 auto;
   }

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

   .gnb>li {
     position: relative;
     float: left;
     width: 16.6666%;
     text-align: center;
     box-sizing: border-box;
   }

   .gnb>li>a {
     display: inline-block;
     width: 100%;
     height: 58px;
     line-height: 58px;
     font-size: 16px;
     color: #393939;
   }

   .gnb>li>a:hover {
     background-color: #ebd6c2;
     color: #fff;
   }

   .menu {
     width: 100%;
     display: none;
     z-index: 999;
     background-color: rgba(112, 55, 0, 0.5);
     padding: 20px 0;
     position: absolute;
   }

   .menu>li {
     margin-bottom: 20px;
   }

   .menu>li:last-child {
     margin-bottom: 0px;
   }

   .menu>li>a {
     display: block;
     padding: 0 10px;
     color: #fff;
     font-size: 14px;
     cursor: pointer;
     word-break: keep-all;
   }

   .menu>li a:hover {
     color: #ffee00;
   }

   #contents {
     position: relative;
     z-index: 1;
     width: 100%;
   }






   footer {

   }


   .footer {}

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

   .footer>.box {
     box-sizing: border-box;
     width: 1200px;
     margin: 0 auto;
     padding: 60px 10px 0px;
   }

   .foot_copy {
     float: left;
     width: 50%;
     font-size: 13px;
     line-height: 22px;
     color: #393939;
   }

   .foot_copy span {
     display: block;
     margin-bottom: 15px;
     width: 183px;
   }

   .foot_copy span img {
     width: 100%;
   }

   .foot_link {
     color: #393939;
     font-size: 13px;
     margin-top: 30px;
   }

   .foot_link a {
     color: #393939;
     padding-right: 5px;
   }

   .foot_link a:hover {
     color: #638633;
   }

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

   .foot_friends {
     width: 50%;
     text-align: right;
     float: right;
     box-sizing: border-box;
   }

   .foot_friends p {
     font-weight: 800;
     font-size: 26px;
     margin-bottom: 10px;
   }

   .foot_friends p a {
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
   }

   .foot_friends .box {
     background: #eff5e8;
     padding: 20px 15px;
     padding-bottom: 40px;
     text-align: left;
   }

   .foot_friends .box a {
     background: #fff;
     display: inline-block;
     padding: 0px 2px;
     margin-right: 10px;
     margin-bottom: 10px;
   }
   .foot_friends .box a img{
     vertical-align: top;
   }


  /*Äü¸Þ´º*/
   #scroll {
     position: absolute;
     right: 0px;
     z-index: 5;
     display: none;
   }

   .s_quick li {
     background: #fff;
     margin-bottom: 5px;
     text-align: center;
     box-shadow: 0px 5px 8px -5px #6f6f6f;
   }

   .s_quick li a {
     display: block;
     padding-top: 0px;
     padding: 10px;
   }

   .s_quick li:not(.sq07) a:hover {
     background-color: #e6ecdd;
   }

   .s_quick .sq05 {}

   .s_quick .sq06 {}

   .s_quick .sq07 {}


 }

 @media (max-width:1199px) {

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

   header.firstheader {
     width: 100%;
     font-size: 0px;
   }

   .top_box {
     position: relative;
     font-size: 0px;
   }

   .top_box .top {
     color: #666;
     text-align: center;
     font-size: 12px;
     border-bottom: 1px solid #ccc;
     padding: 10px 10px;
   }

   .top_box .login_form {}

   .top_box .login_form a {
     display: inline-block;
     color: #333333;
     font-size: 10px;
     padding: 0 10px;
   }

   .top_box .login_form a:hover {
     color: #638633;
   }

   .top_box .uname {
     font-size: 14px;
     display: block;
     background: #eaeaea;
     padding: 5px;
     margin-bottom: 5px;
   }

   .top_box .middle {
     text-align: center;
     font-size: 0;
   }

   .top_box .middle .call {
     display: none;
   }

   .top_box .logo {
     height: 180px;
     line-height: 180px;
     text-align: center;
   }

   .top_box .logo img {
     vertical-align: middle;
     width: 220px;
   }

   #menu_box {
     display: none;
   }

   #allmenu {
     position: relative;
     width: calc(100% - 150px);
     display: inline-block;
     vertical-align: middle;
     z-index: 41;
   }

   .allmenu {
     display: block;
     position: relative;
     padding-left: 10px;
     font-size: 16px;
     width: 100%;
     height: 60px;
     margin: 0 auto;
     border: 1px solid #fff;
     color: #fff;
     background: url(/img/arrow_m.png) no-repeat 95% 50%;
     background-size: 8px;
     background-color: #77a734;
     -webkit-appearance: none;
     /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
     -moz-appearance: none;
     appearance: none;
     /* ³×ÀÌƼºê radius ÇØÁ¦ */
     border-radius: 0px;
     /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
     outline: none;
     border: none;
   }

   /* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
   select::-ms-expand {
     display: none;
   }

   /* select ¼­ºê ¸Þ´º  */
   .allmenu option {
     font-family: NotoSans;
     font-size: 14px;
     color: #fff;
     margin-bottom: 0px;
   }

   .allmenu option:hover {
     color: white;
     background: #8e4c00;
   }

   .top_box .quick_button {
     width: 150px;
     display: inline-block;
     vertical-align: middle;
   }

   .top_box .quick_button a {
     display: inline-block;
     width: 50%;
     height: 60px;
     line-height: 60px;
     background: #949494;
     text-align: center;
     vertical-align: middle;
   }

   .top_box .quick_button a img {
     height: 35px;
     vertical-align: middle;
   }

   #contents {
     width: 100%;
     margin: 0 auto;
     background-color: #fff;
   }

   footer {}


   .footer {
     margin-top: 40px;
   }

   .footer>.box {

   }

   .foot_friends {

     text-align: center;
     box-sizing: border-box;
   }

   .foot_friends p {
     font-weight: 800;
     font-size: 24px;
     margin-bottom: 10px;
   }

   .foot_friends p a {
     display: block;
     margin-bottom: 0px;
   }


   .foot_friends .box {
     background: #eff5e8;
     padding: 15px;
   }

   .foot_friends .box a {
     background: #fff;
     display: inline-block;
     padding: 0px 3px;
     margin: 5px;
   }

   .foot_friends .box a img{
     height: 35px;
    vertical-align: top;
   }


   .foot_copy {
     font-size: 12px;
     line-height: 18px;
     color: #393939;
     text-align: center;
     padding: 40px 20px 40px;
   }

   .foot_copy span {
     display: block;
     margin: 0 auto;
     margin-bottom: 15px;
     width: 180px;
   }

   .foot_copy span img {
     width: 100%;
   }

   .foot_link {
     margin-top: 20px;
     color: #393939;
     font-size: 12px;
     text-align: center;
   }

   .foot_link a {
     color: #393939;
     padding-left: 5px;
     padding-right: 5px;
   }

   .foot_link a:hover {
     color: #638633;
   }

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


   #scroll {
     display: none !important;
   }
 }

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

 ::-webkit-scrollbar-thumb {
   background-color: #555;
 }

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

 html {
   scrollbar-arrow-color: #000;
   scrollbar-Track-Color: #efefef;
   scrollbar-base-color: #dfdfdf;
   scrollbar-Face-Color: #dfdfdf;
   scrollbar-3dLight-Color: #dfdfdf;
   scrollbar-DarkShadow-Color: #dfdfdf;
   scrollbar-Highlight-Color: #dfdfdf;
   scrollbar-Shadow-Color: #dfdfdf
 }

 select {
   -webkit-appearance: none;
   /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
   -moz-appearance: none;
   appearance: none;
   /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */
 }


 /* ±×¹ÛÀÇ */
 ::-moz-selection {
   background: #638633;
   color: #fff;
 }

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

 .login {}

 .login .cont_head {
   background: url(/img/login_head.jpg) no-repeat center;
   background-size: cover;
 }

 .btn_login {
   display: block;
   width: 120px;
   margin: 0 auto;
   margin-top: 50px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
 }

 .btn_login a {
   display: block;
   color: #5d5d5d;
   height: 40px;
   line-height:35px;
   border: 5px solid #7c7c7c;
   border-top: 0px;
 }

 .btn_login a:hover {
   border: 5px solid #638633;
   border-top: 0px;
 }

 .c1 {
   color: #77a734 !important;
 }

 .c2 {
   color: #ff7d00 !important;
 }