@charset "UTF-8";
html, body{margin: 0; border: 0; outline: 0; padding: 0;}
*{display: block; margin: 0; border: 0; padding: 0; outline: 0; list-style: none; font-style: normal;
		color:#999999; text-decoration: none; width: 100%;}
header, section, footer, nav{display: block;}
.wrap .hd{overflow: hidden; width: 0; height: 0;}
/*a:hover{outline: 2px solid #7b422e;}*/
/*a:focus{outline: 2px solid #f00;}*/

/*주조색 #7b422e / 보조색 #bb692d */
.wrap{width: 960px; height: 1180px; margin: auto;}
#headBox{height: 130px; background-color:#fff;}
h1{float: left; width: 200px; height: 100%;}
h1>a{display: block; width: 100%; height: 100%;}
h1>a>span{overflow: hidden; width: 0; height: 0;}
.gnb{float:right; width: 600px; height: 100%;}
.gnb li:first-child a:hover{background-color: #7b422e; color: #fff;}
.gnb li{float: left; width: 200px; height: auto; margin-top: 50px; 
		text-align: center;}
.gnb li>a{display: block; width: auto; height: 30px; font-weight: bold; line-height: 30px;}
.gnb li>dl{position: relative; z-index: 500; width: 200px; height: auto;}
.gnb li>dl>dt{width: 200px; height: 30px;}
.gnb li>dl>dt.act a{background-color: #7b422e; color: #fff;}
.gnb li>dl>dt:hover a{background-color: #7b422e; color: #fff;}
.gnb li>dl>dt>a{display: block; width: 200px; height: 30px; font-weight: bold; line-height: 30px;}
.gnb li>dl>dd{display: none; width: 200px; height: 30px; background-color: #fff;}
.gnb li>dl>dd:hover a{background-color: #bb692d; color: #fff;}
.gnb li>dl>dd>a{display: block; width: 200px; height: 30px;}

#conBox01{position:relative; overflow: hidden; height: 400px;}
.text{position: absolute; top: 0; bottom: 0; right:0; left:0; margin: auto;
		width: 300px; height: 80px; text-align: center; border-radius: 10px;
		background-color: #fff;}
.text>p:first-of-type{margin-top: 10px; font-weight: bold; font-size: 1.8rem; color: #bb692d;}
.text>p:last-of-type{font-weight: bold;}
.slide_wrap{position:relative; width: 100%; height: 400%;}
.slide_wrap>li{width:960px; height: 25%;}
.slide_wrap>li>img{display: block; width: 960px; height: 100%;}
#conBox02{height: 500px;}
#conBox02 h3{height: 30px; margin-top: 5px; font-size: 1.3rem; text-align: center;}
.nopa{width: 100%; height: 50%;}
.notice{float: left; width: 450px; height: 100%;}
.notice h3{border-bottom: 2px solid #777;}
.notice>dl{width: 98%; height: auto;margin-left: 1%; margin-top: 5px;}
.notice>dl>dt{float:left; width: 80%; height: 30px; line-height: 30px; letter-spacing: -1px;
		text-indent: 5px;}
.notice>dl>dd{float:right; width: 20%; height: 30px;}
.notice>dl>dt:nth-of-type(1){text-align: center;}
.notice>dl>dd:nth-of-type(1){text-align: center;}
.notice>dl>dt:nth-of-type(2n){background-color: #ddd;}
.partner{float: right; width: 450px; height: 100%; text-transform: capitalize;}
.partner a{display: block; width: 100%; height: 100%;}
.partner img:nth-of-type(1){width: 250px; height: auto; margin: auto; margin-left: 100px;}
.partner img:nth-of-type(2){width: 250px; height: auto; margin: auto; margin-left: 100px;}
.notice>dl>dd:nth-of-type(2n){background-color: #ddd;}
.icon{width: 100%; height: 250px; padding:10px 180px; box-sizing: border-box;}
.icon img{float: left; width: 200px; height: auto;}
#footBox{height: 150px; background-color:#bb692d ;padding: 20px 40px; box-sizing: border-box;}

.footlink{float: left; width: 50%; height: 100%; margin-top: 40px; }
.footlink>li{float: left; width: auto; margin-left: 30px; }
.footlink>li>a{display: block; width: 100%; height: 100%; color: #fff;}
address{float: right; width: 50%; height: 100%;}
address>p{color: #fff}