﻿@charset "utf-8";

@media (max-width:599px){

    /*sub메뉴에만 있는 것*/
     nav ul li:nth-of-type(2) a {color:#e2c16d;}
     nav ul li:nth-of-type(1) a {color:#fff;}


#slider {  width:100%; height:400px; background-position: center;
          background-size:cover;}

#slider>#textbox { background:rgba(0,0,0,0); width:300px; height:150px;
                     position:relative;  top:50%; left:50%;  margin:-55px 0 0 -230px;}
#slider>#textbox>h1 { color:#fff; font-family: 'Oswald', sans-serif; letter-spacing:3px; font-size:40px;}
#slider>#textbox>#slider_btn { background:#e2c16d; border:none; padding:10px 30px; margin:20px 0;
                                   font-size:12px; font-weight:bold; transition:all 0.3s ease;}
#slider>#textbox>#slider_btn:hover { color:#e2c16d; background:#5c3d03; cursor:pointer; transition:all 0.3s ease;}

 #content {  margin:0 auto; height:auto;
               width:95%; padding:0;  display:flex; flex-flow:column wrap; }
 #content>#one {  width:100%; height:auto; }
 #content>#one { width:100%; height:auto; display:flex; flex-flow:column wrap;
                 justify-content: center; align-items: center;}
 #content>#one>.one_box { width:100%; height:auto; margin:50px 0 0 0;
                           display:flex; flex-flow:column wrap;}
 #content>#one>.one_box:nth-of-type(1) {margin:70px 0 0 0;}
 #content>#one>.one_box>.left {  width:100%; height:auto; }
 #content>#one>.one_box>.left>.t1>span a{color:#fff; text-decoration: none; transition:all 0.5s ease;
                                            font-size: 15px; }
 #content>#one>.one_box>.left>.t1>span a:hover {color:#e2c16d; transition:all 0.3s ease;}
 #content>#one>.one_box>.left>.t1 { width:100%; height:50px; margin:10px 0 0 0;
                                     text-align:left;}
 #content>#one>.one_box>.left>.t2 { width:100%; height:auto; margin:10px 0 0 0;
                                     display:flex;}
 #content>#one>.one_box>.left>.t2>.t2_1 { width:50%; height:80px;
                                     text-align:left; display:flex; flex-flow: column wrap;}
 #content>#one>.one_box>.left>.t2>.t2_1>p a { color:#8f8f8f;  text-decoration: none;
                                          transition:all 0.5s ease; font-size: 14px; }
 #content>#one>.one_box>.left>.t2>.t2_1>p:nth-of-type(1) { margin:0 0 20px 0;  }
 #content>#one>.one_box>.left>.t2>.t2_1>p a:hover { color:#e2c16d; transition:all 0.3s ease; }
 #content>#one>.one_box>.left>.t2>.t2_1>p>i { color:#e2c16d;}

 #content>#one>.one_box>.right { width:100%; height:auto; margin:0 0 50px 0;}
 #content>#one>.one_box>.right>.right_photo {width:100%; height:260px; background-position: center;
                                              background-size:cover; }
#content>#one>.one_box>.right>h1 { color:#fff; margin:25px 0 15px 0; font-family: 'Oswald', sans-serif;
                                      font-size:24px; letter-spacing:2px;}
#content>#one>.one_box>.right>p { margin:10px 0 35px 0; color:#999; font-size:14px; }
#content>#one>.one_box>.right>.right_btn { width:130px; height:30px; background:rgba(0,0,0,0);
                                             border:1px solid #fff; color:#fff; font-size:14px;   transition:all 0.3s ease;}
#content>#one>.one_box>.right>.right_btn:hover { color:#5c3d03; background:#e2c16d; border:1px solid #e2c16d;
                                                          transition:all 0.3s ease; cursor:pointer; }

 #content>#two { width:100%; height:auto; }
 #content>#two>#two_box { background:#333; width:100%; height:2300px; margin:130px 0 0 0; display:flex;
                               flex-flow:column wrap; align-items: center;}
 #content>#two>#two_box>#search_box { background:#504f5b; width:85%; height:40px; display:flex; margin:50px 0 0 0;
                                  justify-content:center; align-items: center; border-radius:50px;}
 #content>#two>#two_box>#search_box>input { background:rgba(0,0,0,0); border:0; color:#fff;
                                            width:310px; height:40px; font-size:13px; }
 #content>#two>#two_box>#search_box>input[type=text]::-webkit-input-placeholder{color: #fff;}
 #content>#two>#two_box>#search_box>a i { color:#fff;}


 #content>#two>#two_box>#box_1 {  width:85%; height:auto; margin:30px 0 0 0;
                                                              border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                                             justify-content: center; align-items:center;}
 #content>#two>#two_box>#box_1>#box_1_photo {  width:120px; height:120px; margin:30px 0 0 0;
                                         border-radius:100%; background-position:center; background-size:cover;}
 #content>#two>#two_box>#box_1>h3 {  margin:30px 0 0 0;}
 #content>#two>#two_box>#box_1>h3 a { text-decoration:none; color:#fff; font-size:18px; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>.p1 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px;}
 #content>#two>#two_box>#box_1>.p2 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px; text-align:center; text-align:center; line-height:22px;}
 #content>#two>#two_box>#box_1>#icon_box { width:150px; height:50px;
                                                      display:flex; justify-content:space-around; align-items: center;}
 #content>#two>#two_box>#box_1>#icon_box>a i{color:#fff; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>#icon_box>a i:hover { color:#e2c16d; transition:all 0.3s ease;}

 #content>#two>#two_box>#box_2 {  width:85%; height:auto; margin:30px 0 0 0;
                                         border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                    justify-content: center; align-items:center;}
 #content>#two>#two_box>#box_2>#post_box1 {  background:#e2c16d; width:100%; height:40px; margin:30px 0 10px 0;
                                                  display:flex; justify-content:center; align-items: center;}
 #content>#two>#two_box>#box_2>#post_box1>h3 {font-family: 'Oswald', sans-serif; font-size:18px;
                                                 letter-spacing:1px;}
 #content>#two>#two_box>#box_2>.post_box2 { width:100%; height:60px; margin:20px 0 0 0;
                                                         display:flex;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_photo { width:25%; height:60px;  background-position: center; background-size: cover;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text { width:75%; height:60px;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a {color:#fff; text-decoration:none;
                                                               font-family: 'Oswald', sans-serif; font-size:16px;
                                                             transition:all 0.3s ease; }
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a:hover{color:#e2c16d; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 { margin:5px 0 0 5px; }
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>p { color:#8f8f8f; margin:5px 0 0 5px; font-size:13px;}

 #content>#two>#two_box>#box_3 { width:85%; height:auto; margin:40px 0 0 0;
                                                              border-top:1px solid #555; }
 #content>#two>#two_box>#box_3>#box_3_photo { width:100%; height:250px; background-position: center;
                                                            background-size: cover; margin:50px 0 30px 0; }

 #content>#two>#two_box>#box_4 { width:85%; height:auto; margin:30px 0 30px 0;
                                         border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_4>#box_4_inner1 { background:#e2c16d; width:100%; height:40px; margin:50px 0 20px 0;
                                                       display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_4>#box_4_inner1>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px;}
 #content>#two>#two_box>#box_4>.box_4_inner2 {  width:100%; height:40px; border-bottom:1px dashed #fff;
                                                          display:flex; justify-content:space-between; align-items:center;}
 #content>#two>#two_box>#box_4>.box_4_inner2>p {color:#8f8f8f; font-size:14px;}
 #content>#two>#two_box>#box_4>.box_4_inner2:hover>p {color:#e2c16d; cursor:pointer;}

 #content>#two>#two_box>#box_5 { width:85%; height:auto; margin:30px 0 30px 0;
                                         border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_5>#box_5_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                   display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_5>#box_5_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
 #content>#two>#two_box>#box_5>p { font-size:14px; color:#8f8f8f; text-align:center;}
 #content>#two>#two_box>#box_5>#box_5_input {  width:100%; height:30px; margin:20px 0 20px 0;
                                                display:flex;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left1 {  width:10%; height:30px; background:#fff;
                                                                    display:flex; justify-content:center; align-items:center;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left1>i {color:#8f8f8f; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_left2 {  width:60%; height:30px;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left2>input { width:100%; height:100%; border:none; padding:0 0 0 10px; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_right { width:30%; height:30px;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn { width:100%; height:100%; border:none;
                                                                              background:#e2c16d; transition:all 0.3s ease; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn:hover { background:#5c3d03; color:#fff;
                                                                                                cursor:pointer; transition:all 0.3s ease;}

 #content>#two>#two_box>#box_6 {  width:85%; height:auto; margin:0 0 30px 0;
                                       border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_6>#box_6_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                         display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_6>#box_6_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
 #content>#two>#two_box>#box_6>.many_box { width:100%; height:auto; display:flex; flex-flow:wrap; }
 #content>#two>#two_box>#box_6>.many_box>p { background:#fff; margin:5px 3px; padding:7px 15px; font-size:12px; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_6>.many_box>p:hover { background:#e2c16d; cursor:pointer; transition:all 0.3s ease;}


}


@media (min-width:600px){

    /*서브메뉴에만 있는것*/
     nav ul li:nth-of-type(2) a {color:#e2c16d;}
     nav ul li:nth-of-type(1) a {color:#fff;}

 #slider { background:gray; width:100%; height:450px; background-position: center;
            background-size:cover; }

   #slider>#textbox { background:rgba(0,0,0,0); width:300px; height:150px;
                        position:relative;  top:50%; left:50%;  margin:-65px 0 0 -370px;}
   #slider>#textbox>h1 { color:#fff; font-family: 'Oswald', sans-serif;  letter-spacing:3px; font-size:40px;}
   #slider>#textbox>#slider_btn { background:#e2c16d; border:none; padding:10px 30px; margin:20px 0;
                                    font-size:12px; font-weight:bold; transition:all 0.3s ease;}
  #slider>#textbox>#slider_btn:hover { color:#e2c16d; background:#5c3d03; cursor:pointer; transition:all 0.3s ease;}

  #content {  margin:0 auto; height:auto;
            width:90%; padding:0;  display:flex; flex-flow:column wrap;}

  #content>#one {  width:100%; height:auto; display:flex; flex-flow:column wrap;
                  justify-content: center; align-items: center;}
  #content>#one>.one_box {  width:100%; height:auto; margin:50px 0 0 0;
                            display:flex;}
  #content>#one>.one_box:nth-of-type(1) {margin:70px 0 0 0;}
  #content>#one>.one_box>.left {  width:25%; height:auto; }
  #content>#one>.one_box>.left>.t1>span a{color:#fff; text-decoration: none; transition:all 0.5s ease;
                                             font-size: 15px;}
  #content>#one>.one_box>.left>.t1>span a:hover {color:#e2c16d; transition:all 0.3s ease;}
  #content>#one>.one_box>.left>.t1 {  width:90%; height:50px; margin:40px 0 0 -20px;
                                      text-align: right;}
  #content>#one>.one_box>.left>.t2 {  width:90%; height:200px; margin:10px 0 0 -20px;}
  #content>#one>.one_box>.left>.t2>.t2_1 {  width:100%; height:90px;
                                      text-align: right; display:flex; flex-flow: column wrap;}
  #content>#one>.one_box>.left>.t2>.t2_1>p a { color:#8f8f8f;  text-decoration: none;
                                           transition:all 0.5s ease; font-size: 14px; }
  #content>#one>.one_box>.left>.t2>.t2_1>p { margin:0 0 20px 0;  }
  #content>#one>.one_box>.left>.t2>.t2_1>p a:hover { color:#e2c16d; transition:all 0.3s ease; }
  #content>#one>.one_box>.left>.t2>.t2_1>p>i { color:#e2c16d;}

  #content>#one>.one_box>.right {  width:75%; height:auto; margin:0 0 50px 0;}
  #content>#one>.one_box>.right>.right_photo {width:100%; height:260px; background-position: center;
                                               background-size:cover;}
  #content>#one>.one_box>.right>h1 { color:#fff; margin:25px 0 15px 0; font-family: 'Oswald', sans-serif;
                                          font-size:24px; letter-spacing:2px;}
  #content>#one>.one_box>.right>p { margin:10px 0 35px 0; color:#999; font-size:14px; }
  #content>#one>.one_box>.right>.right_btn { width:130px; height:30px; background:rgba(0,0,0,0);
                                              border:1px solid #fff; color:#fff; font-size:14px;   transition:all 0.3s ease;}
  #content>#one>.one_box>.right>.right_btn:hover { color:#5c3d03; background:#e2c16d; border:1px solid #e2c16d;
                                                                                                   transition:all 0.3s ease; cursor:pointer; }

  #content>#two {  width:100%; height:auto; }
  #content>#two>#two_box { background:#333; width:100%; height:2300px; margin:130px 0 0 0; display:flex;
                                flex-flow:column wrap; align-items:center;}
 #content>#two>#two_box>#search_box { background:#504f5b; width:85%; height:40px; display:flex; margin:50px 0 0 0;
                                               justify-content:center; align-items: center; border-radius:50px;}
 #content>#two>#two_box>#search_box>input { background:rgba(0,0,0,0); border:0; color:#fff;
                                           width:450px; height:40px; font-size:13px; }
 #content>#two>#two_box>#search_box>input[type=text]::-webkit-input-placeholder{color: #fff;}
 #content>#two>#two_box>#search_box>a i { color:#fff;}


 #content>#two>#two_box>#box_1 { width:85%; height:auto; margin:30px 0 0 0;
                                       border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                         justify-content: center; align-items:center;}
 #content>#two>#two_box>#box_1>#box_1_photo {  width:120px; height:120px; margin:30px 0 0 0;
                                                          border-radius:100%; background-position:center; background-size:cover;}
 #content>#two>#two_box>#box_1>h3 {  margin:30px 0 0 0;}
 #content>#two>#two_box>#box_1>h3 a { text-decoration:none; color:#fff; font-size:18px; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>.p1 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px;}
 #content>#two>#two_box>#box_1>.p2 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px; text-align:center; text-align:center; line-height:22px;}
 #content>#two>#two_box>#box_1>#icon_box {  width:150px; height:50px;
                                                     display:flex; justify-content:space-around; align-items: center;}
 #content>#two>#two_box>#box_1>#icon_box>a i{color:#fff; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_1>#icon_box>a i:hover { color:#e2c16d; transition:all 0.3s ease;}

 #content>#two>#two_box>#box_2 { width:85%; height:auto; margin:30px 0 0 0;
                                            border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                             justify-content: center; align-items:center;}
 #content>#two>#two_box>#box_2>#post_box1 { background:#e2c16d; width:100%; height:40px; margin:30px 0 10px 0;
                                                  display:flex; justify-content:center; align-items: center;}
 #content>#two>#two_box>#box_2>#post_box1>h3 {font-family: 'Oswald', sans-serif; font-size:18px;
                                                      letter-spacing:1px;}
 #content>#two>#two_box>#box_2>.post_box2 {  width:100%; height:60px; margin:20px 0 0 0;
                                           display:flex;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_photo { width:25%; height:60px;  background-position: center; background-size: cover;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text { width:75%; height:60px; margin:0 0 0 10px;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a {color:#fff; text-decoration:none; transition:all 0.3s ease;
                                                                     font-family: 'Oswald', sans-serif; font-size:16px; }
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a:hover{color:#e2c16d; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 { margin:5px 0 0 5px; }
 #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>p { color:#8f8f8f; margin:5px 0 0 5px; font-size:13px;}

 #content>#two>#two_box>#box_3 {width:85%; height:auto; margin:30px 0 0 0;
                                           border-top:1px solid #555; }
 #content>#two>#two_box>#box_3>#box_3_photo { width:100%; height:350px; background-position: center;
                                                     background-size: cover; margin:50px 0 30px 0; }

 #content>#two>#two_box>#box_4 {  width:85%; height:auto; margin:30px 0 30px 0;
                                        border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_4>#box_4_inner1 { background:#e2c16d; width:100%; height:40px; margin:50px 0 20px 0;
                                              display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_4>#box_4_inner1>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px;}
 #content>#two>#two_box>#box_4>.box_4_inner2 {  width:100%; height:40px; border-bottom:1px dashed #fff;
                                            display:flex; justify-content:space-between; align-items:center;}
 #content>#two>#two_box>#box_4>.box_4_inner2>p {color:#8f8f8f; font-size:14px;}
 #content>#two>#two_box>#box_4>.box_4_inner2:hover>p {color:#e2c16d; cursor:pointer;}

 #content>#two>#two_box>#box_5 {  width:85%; height:auto; margin:30px 0 30px 0;
                                              border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_5>#box_5_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                    display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_5>#box_5_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
 #content>#two>#two_box>#box_5>p { font-size:14px; color:#8f8f8f; text-align:center;}
 #content>#two>#two_box>#box_5>#box_5_input {  width:100%; height:30px; margin:20px 0 20px 0;
                                                   display:flex;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left1 {  width:10%; height:30px; background:#fff;
                                                                   display:flex; justify-content:center; align-items:center;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left1>i {color:#8f8f8f; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_left2 {  width:60%; height:30px;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_left2>input { width:100%; height:100%; border:none; padding:0 0 0 10px; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_right { background:#e2c16d; width:30%; height:30px;}
 #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn { width:100%; height:100%; border:none;
                                                                       background:#e2c16d; transition:all 0.3s ease; }
 #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn:hover { background:#5c3d03; color:#fff;
                                                                                                 cursor:pointer; transition:all 0.3s ease;}

 #content>#two>#two_box>#box_6 {  width:85%; height:auto; margin:0 0 30px 0;
                                              border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
 #content>#two>#two_box>#box_6>#box_6_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                                display:flex; justify-content:center; align-items:center; }
 #content>#two>#two_box>#box_6>#box_6_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
 #content>#two>#two_box>#box_6>.many_box { width:100%; height:auto; display:flex; flex-flow:wrap; }
 #content>#two>#two_box>#box_6>.many_box>p { background:#fff; margin:5px 3px; padding:7px 15px; font-size:12px; transition:all 0.3s ease;}
 #content>#two>#two_box>#box_6>.many_box>p:hover { background:#e2c16d; cursor:pointer; transition:all 0.3s ease;}


}


@media (min-width:1000px){


   /*sub메뉴에만 있는 것*/
     nav ul li:nth-of-type(1) a {color: rgba(255, 255, 255, 0.7);}
     nav ul li:nth-of-type(2) a {color:#e2c16d;}


  #slider { background:gray; width:100%; height:500px; background-position: center;
             background-size:cover;  }

  #slider>#textbox { background:rgba(0,0,0,0); width:300px; height:150px;
                     position:relative;  top:50%; left:50%; margin:-65px 0 0 -520px;}
  #slider>#textbox>h1 { color:#fff; font-family: 'Oswald', sans-serif;  letter-spacing:3px; font-size:40px;}
  #slider>#textbox>#slider_btn{ background:#e2c16d; border:none; padding:10px 30px; margin:20px 0;
                                   font-size:12px; font-weight:bold; transition:all 0.5s ease; color:#5c3d03;}
  #slider>#textbox>#slider_btn:hover { color:#e2c16d; background:#5c3d03; cursor:pointer; transition:all 0.3s ease;}

  #content {  margin:0 auto; height:auto;
              width:1200px; padding:0 0 70px 0; display:flex; flex-flow:row wrap; }
  #content>#one { width:66%; height:auto; display:flex; flex-flow:column wrap;
                   justify-content: center; align-items: center;}
  #content>#one>.one_box {  width:100%; height:auto; margin:50px 0 0 0;
                            display:flex;}
  #content>#one>.one_box:nth-of-type(1) {margin:70px 0 0 0;}
  #content>#one>.one_box>.left {  width:25%; height:auto;
                                  align-items:flex-end; display:flex; flex-flow:column wrap;}
  #content>#one>.one_box>.left>.t1>span a{color:#fff; text-decoration: none; transition:all 0.5s ease;
                                             font-size: 15px;}
  #content>#one>.one_box>.left>.t1>span a:hover {color:#e2c16d; transition:all 0.3s ease;}
  #content>#one>.one_box>.left>.t1 {  width:150px; height:50px; margin:50px 40px 0 0;
                                      text-align: right;}
  #content>#one>.one_box>.left>.t2 {  width:150px; height:200px; margin:10px 40px 0 0;}
  #content>#one>.one_box>.left>.t2>.t2_1 {  width:150px; height:90px;
                                      text-align: right; display:flex; flex-flow: column wrap;}
  #content>#one>.one_box>.left>.t2>.t2_1>p a { color:#8f8f8f;  text-decoration: none;
                                           transition:all 0.5s ease; font-size: 14px; }
  #content>#one>.one_box>.left>.t2>.t2_1>p { margin:0 0 20px 0;  }
  #content>#one>.one_box>.left>.t2>.t2_1>p a:hover { color:#e2c16d; transition:all 0.3s ease; }
  #content>#one>.one_box>.left>.t2>.t2_1>p>i { color:#e2c16d;}

  #content>#one>.one_box>.right {  width:75%; height:auto; margin:0 0 50px 0; }
  #content>#one>.one_box>.right>.right_photo {width:100%; height:260px; background-position: center;
                                              background-size: cover; margin:20px 0 0 0;}
  #content>#one>.one_box>.right>h1 { color:#fff; margin:25px 0 15px 0; font-family: 'Oswald', sans-serif;
                                        font-size:24px; letter-spacing:2px;}
  #content>#one>.one_box>.right>p { margin:20px 0 35px 0; color:#999; font-size:14px; }
  #content>#one>.one_box>.right>.right_btn { width:130px; height:30px; background:rgba(0,0,0,0);
                                             border:1px solid #fff; color:#fff; font-size:14px;   transition:all 0.3s ease;}
  #content>#one>.one_box>.right>.right_btn:hover { color:#5c3d03; background:#e2c16d; border:1px solid #e2c16d;
                                                      transition:all 0.3s ease; cursor:pointer; }

  #content>#two {  width:34%; height:auto; display:flex;  justify-content: center; }
  #content>#two>#two_box { background:#333; width:80%; height:2300px; margin:70px 0 0 0;
                            display:flex; flex-flow:column wrap; align-items:center;}
  #content>#two>#two_box>#search_box { background:#504f5b; width:85%; height:40px; display:flex; margin:50px 0 0 0;
                                         justify-content:center; align-items: center; border-radius:50px;}
  #content>#two>#two_box>#search_box>input { background:rgba(0,0,0,0); border:0; color:#fff;
                                               width:210px; height:40px; font-size:13px; }
  #content>#two>#two_box>#search_box>input[type=text]::-webkit-input-placeholder{color: #fff;}
  #content>#two>#two_box>#search_box>a i { color:#fff;}


  #content>#two>#two_box>#box_1 {  width:85%; height:auto; margin:30px 0 0 0;
                                  border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                 justify-content: center; align-items:center;}
  #content>#two>#two_box>#box_1>#box_1_photo {  width:120px; height:120px; margin:30px 0 0 0;
                                                border-radius:100%; background-position:center; background-size:cover;}
  #content>#two>#two_box>#box_1>h3 {  margin:30px 0 0 0;}
  #content>#two>#two_box>#box_1>h3 a { text-decoration:none; color:#fff; font-size:18px; transition:all 0.3s ease;}
  #content>#two>#two_box>#box_1>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
  #content>#two>#two_box>#box_1>.p1 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px;}
  #content>#two>#two_box>#box_1>.p2 { color:#8f8f8f; margin:10px 0 0 0; font-size:14px; text-align:center; line-height:22px;}
  #content>#two>#two_box>#box_1>#icon_box {  width:150px; height:50px;
                                             display:flex; justify-content:space-around; align-items: center;}
  #content>#two>#two_box>#box_1>#icon_box>a i{color:#fff; transition:all 0.3s ease;}
  #content>#two>#two_box>#box_1>#icon_box>a i:hover { color:#e2c16d; transition:all 0.3s ease;}

  #content>#two>#two_box>#box_2 { width:85%; height:auto; margin:30px 0 0 0;
                                  border-top:1px solid #555; display:flex; flex-flow:column wrap;
                                 justify-content: center; align-items:center;}
  #content>#two>#two_box>#box_2>#post_box1 { background:#e2c16d; width:100%; height:40px; margin:30px 0 10px 0;
                                                display:flex; justify-content:center; align-items: center;}
  #content>#two>#two_box>#box_2>#post_box1>h3 {font-family: 'Oswald', sans-serif; font-size:18px;
                                                letter-spacing:1px;}
  #content>#two>#two_box>#box_2>.post_box2 { width:100%; height:60px; margin:20px 0 0 0;
                                        display:flex;}
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_photo { width:35%; height:60px;  background-position: center; background-size: cover;}
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_text { width:65%; height:60px;}
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a {color:#fff; text-decoration:none; transition:all 0.3s ease;
                                                                   font-family: 'Oswald', sans-serif; font-size:16px; }
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 a:hover{color:#e2c16d; transition:all 0.3s ease;}
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>h4 { margin:5px 0 0 5px; }
  #content>#two>#two_box>#box_2>.post_box2>.post_box2_text>p { color:#8f8f8f; margin:5px 0 0 5px; font-size:13px;}

  #content>#two>#two_box>#box_3 {  width:85%; height:auto; margin:30px 0 0 0;
                                  border-top:1px solid #555; }
  #content>#two>#two_box>#box_3>#box_3_photo { width:100%; height:250px; background-position: center;
                                                 background-size: cover; margin:30px 0 30px 0; }

  #content>#two>#two_box>#box_4 { width:85%; height:auto; margin:10px 0 30px 0;
                                  border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
  #content>#two>#two_box>#box_4>#box_4_inner1 { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                display:flex; justify-content:center; align-items:center; }
  #content>#two>#two_box>#box_4>#box_4_inner1>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px;}
  #content>#two>#two_box>#box_4>.box_4_inner2 {  width:100%; height:40px; border-bottom:1px dashed #fff;
                                                   display:flex; justify-content:space-between; align-items:center;}
  #content>#two>#two_box>#box_4>.box_4_inner2>p {color:#8f8f8f; font-size:14px;}
  #content>#two>#two_box>#box_4>.box_4_inner2:hover>p {color:#e2c16d; cursor:pointer;}

  #content>#two>#two_box>#box_5 {  width:85%; height:auto; margin:20px 0 30px 0;
                                  border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
  #content>#two>#two_box>#box_5>#box_5_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                display:flex; justify-content:center; align-items:center; }
  #content>#two>#two_box>#box_5>#box_5_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
  #content>#two>#two_box>#box_5>p { font-size:14px; color:#8f8f8f; text-align:center;}
  #content>#two>#two_box>#box_5>#box_5_input { background:#fff; width:100%; height:30px; margin:20px 0 20px 0;
                                                 display:flex;}
  #content>#two>#two_box>#box_5>#box_5_input>#input_left1 { width:10%; height:30px; background:#fff;
                                                           display:flex; justify-content:center; align-items:center;}
  #content>#two>#two_box>#box_5>#box_5_input>#input_left1>i {color:#8f8f8f; }
  #content>#two>#two_box>#box_5>#box_5_input>#input_left2 { width:60%; height:30px;}
  #content>#two>#two_box>#box_5>#box_5_input>#input_left2>input { width:100%; height:100%; border:none; padding:0 0 0 10px; }
  #content>#two>#two_box>#box_5>#box_5_input>#input_right { background:#e2c16d; width:30%; height:30px;}
  #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn { width:100%; height:100%; border:none;
                                                             background:#e2c16d; transition:all 0.3s ease; }
  #content>#two>#two_box>#box_5>#box_5_input>#input_right>#input_btn:hover { background:#5c3d03; color:#fff;
                                                                    cursor:pointer; transition:all 0.3s ease;}

  #content>#two>#two_box>#box_6 {  width:85%; height:auto; margin:0 0 30px 0;
                                    border-top:1px solid #555;  display:flex; flex-flow:column wrap;}
  #content>#two>#two_box>#box_6>#box_6_title { background:#e2c16d; width:100%; height:40px; margin:30px 0 20px 0;
                                                      display:flex; justify-content:center; align-items:center; }
  #content>#two>#two_box>#box_6>#box_6_title>h3 { font-family: 'Oswald', sans-serif; font-size:18px; letter-spacing:1px; }
  #content>#two>#two_box>#box_6>.many_box {  width:100%; height:auto; display:flex; flex-flow:wrap; }
  #content>#two>#two_box>#box_6>.many_box>p { background:#fff; margin:5px 3px; padding:7px 15px; font-size:12px; transition:all 0.3s ease; }
  #content>#two>#two_box>#box_6>.many_box>p:hover { background:#e2c16d; cursor:pointer; transition:all 0.3s ease;}



}
