@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

* { margin: 0; padding: 0;}
li {list-style: none;}
a { text-decoration: none; color: inherit;}
html { width:100%; background: #ededef; }
body { font:12px 'Nanum Gothic', sans-serif; color: #333; }
hr { border: 2.5px solid #a86550; width: 20px; margin-left: 337px; }
#wrap { position: relative; width: 1400px; margin: 0 auto; /*outline: 1px dotted red;*/ }
#header {z-index: 90; position: fixed; top: 0; width: 1400px; height: 62px;  /*outline: 1px dotted red;*/ background: #ededef;  }
#logo { float: left; width: 170px; /*outline: 1px dotted red;*/}
#logo a { width: 170px; height: 62px; display: block;
text-align: center; line-height: 62px; letter-spacing: -1px; color: #a86550; transition: 0.5s;}
#logo a:hover { color: #333; }
#nav { float: left; width: 520px; height: 62px; /*outline: 1px dotted red;*/ }
#nav>ul.main>li {  position: relative; float: left; margin-top:15px; font-size: 14px;  color: #a86550;  /*outline: 1px dotted red;*/ }
#nav>ul.main>li:nth-child(2) {height:47px; }
#nav>ul.main>li>a { display: block; width: 100px; height: 32px; text-align: center; line-height: 32px; transition: 0.3s; }
#nav li:hover>a { color: #121c3a;}
#nav>ul>li.on>a { color: #121c3a;}
#nav>ul.main>li ul {display: none; width: 100px; height: 75px; /*outline: 1px dotted red;*/ background: #ededef; position: absolute; top: 47px; left: 0; transition: 0.5s;}
#nav>ul.main>li:hover ul{ display: block; }
#nav>ul.main>li ul li { }
#nav>ul.main>li ul li a { box-sizing: border-box; padding-left: 10px; display: block; width: 100px; height: 25px; /*outline: 1px dotted red;*/ font-size: 12px; line-height: 25px; transition: 0.3s;}
img { vertical-align: bottom;}


#container{ }
#con_1 {z-index: 2; width: 1400px; height: 680px; background: url(../images/index_img1.jpg) no-repeat  center/cover fixed; color: #fff;   text-align: center; font-size:17px; letter-spacing: 0.3em;}
.wr{position: relative; height: 680px; background: rgba(0,0,0,0.3);}

#con_1 img { margin-top: 150px;}
#con_1 h1 { margin: 40px 0; font-size:80px; letter-spacing: 0.12em; }
#con_1 a { display: block; width: 160px; height: 35px;  /*outline: 1px dotted red;*/ font-size: 13px; position: absolute; bottom: 200px; left:50%; transform:translateX(-50%); background: #a86550; color: #fff; letter-spacing: -0.1px; line-height: 35px; z-index: 49;}
.box1 { width: 160px; height: 35px; background: #fff; position: absolute; bottom: 0; left:50%; transform:translateX(-50%); opacity: 0; transition: 0.5s; z-index: 50;}
#con_1 a:hover .box1 { opacity: 0.3;}


#con_2 { background: #ededef; width: 1400px; height: 540px; /*outline: 1px dotted blue;*/ text-align: center; padding-top:40px;   }
#con_2:after {content: "";display:block; clear: both;}
.conn { float: left; width: 433px; height: 501px; /*outline: 1px dotted red;*/ margin-right: 50px; }
.conn:last-child {margin:0; }
.con_i { position: relative; width: 433px; height: 132px; background: #fff; color:#a86550; /*outline: 1px dotted blue;*/ padding-top: 38px; box-sizing: border-box;}
.con_i h1{ font-size: 18px; letter-spacing: 0.1em;}
.con_i h1 a{ /*outline: 1px dotted blue;*/}
.con_i .la{ position: absolute; bottom: 0; left:50%; transform:translateX(-50%); display: block; width: 160px; height: 35px; background: #a86550; color: #fff; text-align: center; line-height: 35px; font-size: 13px;}
.box { width: 160px; height: 35px; background: #fff; position: absolute; bottom: 0; left:50%; transform:translateX(-50%); opacity: 0; transition: 0.5s;}
.la:hover .box { opacity: 0.3;}

#con_3 { width:1400px; background: #ededef;}
#con_3:after { content: "";display: block; clear: both; }

#con_31 {float: left; width: 700px; height: 408px; /*outline: 1px dotted red;*/ background:#fff; color:  #a86550; }
#con_31 h2 { font-size: 15px; font-weight: normal; letter-spacing: 0.5em; text-align: center; margin-top: 78px; margin-bottom: 25px; }
#con_31 p { width: 440px; text-align: center; line-height: 1.7; margin: 27px 0 0 130px; /*outline: 1px dotted red;*/}



#con_3>img { float: left; }
#con_3 img:first-child { width:343px; height: 408px;}
#con_3_im3{ width:357px; height: 408px;}
#con_3 img:last-child { width:701px; height: 627px;}
#con_32 {float: left; width: 699px; height: 627px; /*outline: 1px dotted red;*/ background:#123133;
font-size: 35px; letter-spacing: -0.12em; color:#a86550; text-align: center;  position: relative; }
#te { margin-top: 150px;}
#te a { display: block; width: 160px; height: 35px;
background: #a86550; color: #fff; font-size: 13px; letter-spacing: -0.1px; line-height: 35px;
position: absolute; top:450px; left:50%; transform:translateX(-50%); z-index: 50; 
}
.box2 { width: 160px; height: 35px; background: #fff; position: absolute; top:0px; left:50%; transform:translateX(-50%); opacity:0; transition: 0.5s; z-index: 40;}
#te a:hover .box2 { opacity: 0.3;}


#con_4 { position: relative; width: 1400px; height: 680px; background: url(../images/index_img5_1.jpg) no-repeat  center/cover fixed; }
.con_4wr { width: 700px;/* outline: 1px dotted red;*/ position: absolute; top:90px; left: 350px; color: #fff; font-size: 15px; letter-spacing: 0.1; }
.con_4wr h2 { font-weight: normal; letter-spacing: 0.3em; text-align: center; margin-bottom: 25px;}

form { width: 700px;}
#contact_table { border-collapse: separate; width: 700px; }td { padding-bottom: 10px; height: 30px;}
.le { padding-left: 11px;}
#contact_table th { padding-bottom: 10px; text-align: left; height: 30px;}
.sd { margin-left: 11px;}
.na { width: 335px; height: 30px; padding:10px; box-sizing: border box;}
input  { width: 335px; height: 30px; }
input.wide1 { width: 690px; height: 30px; box-sizing: border box; padding:10px; }
input.wide2 { width: 690px; height: 130px; box-sizing: border box; padding:10px; }
.bt_td { padding-bottom: 30px; }
.send { width: 700px; height: 40px; text-align: center; background: #a86550; line-height: 40px; padding: 0; margin-top: 10px; color: #fff; border: none; }
#con_4 hr { border: 2.5px solid #a86550; width: 20px; margin: 0 0 25px 340px; }




#footer { }
#ft_info { width: 1400px; height: 488px;
background: #123133; text-align: center; padding-top: 100px; box-sizing: border-box;}
#ft_info table{ width: 942px; color: #fff; margin-left:238px; }
#ft_info th { font-size: 17px; letter-spacing: 0.5em;  padding-bottom: 20px; }
#ft_info td {  line-height:2.5;}
#ft_2 { width: 1400px; height: 65px; background: #ededef; text-align: center; line-height: 65px;
color: #a86550; font-size: 17px;}

/*9e5d47*/