@charset "UTF-8";

#slider { width:1500px; height:700px; margin:0 auto;}

#contents {  width:1500px; height:2700px; margin:0 auto;}

/*첫번째아이콘*/

#contents>#intro {  width:1300px; height:400px; margin:70px 0 0 100px; display:inline-block; }
#contents>#intro h3{margin:0px 0 10px 490px; font-size:30px;  }
#contents>#intro>span {margin:10px 230px 0 0px; text-align:center;}

#contents>#intro>#box1 {  width:300px; height:400px; float:left; margin:80px 100px 0 55px;}
#contents>#intro>#box1>img {margin:0px 0 0 80px; }
#contents>#intro>#box1>h4 {text-align:center; font-size:19px; margin:0px 0 0 0;}
#contents>#intro>#box1>p { margin:10px 0 35px 20px; font-size:14px; text-align: center;}
#contents>#intro>#box1>span { background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:30px 0 0 110px; border:none; padding:8px;}
#contents>#intro>#box1>span a{color:#fff; text-decoration:none;}
#contents>#intro>#box1>span a:hover{color:#000;}

#contents>#intro>#box2 {   width:300px; height:400px; float:left; margin:60px 100px 0 50px;}
#contents>#intro>#box2>img {margin:0px 0 0 85px; }
#contents>#intro>#box2>h4 {text-align:center; font-size:19px; margin:0px 0 0 0;}
#contents>#intro>#box2>p { margin:10px 0 35px 20px; font-size:14px; text-align: center;}
#contents>#intro>#box2>span { background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:30px 0 0 110px; border:none; padding:8px;}
#contents>#intro>#box2>span a{color:#fff; text-decoration:none;}
#contents>#intro>#box2>span a:hover{color:#000;}

#contents>#intro>#box3 { width:300px; height:400px; float:left; margin:60px 0 0 50px;}
#contents>#intro>#box3>img {margin:0px 0 0 90px; }
#contents>#intro>#box3>h4 {text-align:center; font-size:19px;  margin:0px 0 0 10px;}
#contents>#intro>#box3>p { margin:10px 0 35px 20px; font-size:14px; text-align: center;}
#contents>#intro>#box3>span { background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:30px 0 0 120px; border:none; padding:8px;}
#contents>#intro>#box3>span a{color:#fff; text-decoration:none;}
#contents>#intro>#box3>span a:hover{color:#000;}

/*인덱스박스*/
#half{ width:1500px; height:400px;  margin:70px 0 0 0;}
#half>#textbox {position:absolute; z-index:2;    background-color: #262368; opacity:0.87;  margin:100px 0 0 130px; width:400px; height:320px; float:left;}

#half>#textbox>h3 {font-size:25px; margin:40px 0 0 30px; color:#fff;}
#half>#textbox>p {color:#fff; margin:45px 0 0 30px;}

#half>#imgbox {position:relative; z-index: 1;    background-color:gold; margin:0px 0px 0 0px; width:1100px; height:400px; float:right;}


/*두번째아이콘*/
#contents>#menu {width:1300px; height:300px; margin:130px 0 0 130px; display:inline-block;}

#contents>#menu>#icon1 {border-radius:100px; width:120px; height: 120px; float:left; margin:105px 30px 0 20px;}
#contents>#menu>#icon1>img { opacity:1; border-radius: 100%; margin:0px 0 0px 0px;}
#contents>#menu>#icon1>span { font-size:12px; margin:20px 0px 0 5px;}

#contents>#menu>#icon2 { border-radius:100px; width:120px; height: 120px; float:left; margin:105px 30px 0 90px;}
#contents>#menu>#icon2>img { opacity:1; border-radius: 100%;margin:0px 0 0px 0px;}
#contents>#menu>#icon2>span {font-size:12px; margin:20px 0 0 15px;}

#contents>#menu>#icon3 { border-radius:100px; width:120px; height: 120px; float:left; margin:105px 30px 0 65px;}
#contents>#menu>#icon3>img { opacity:1; border-radius: 100%; margin:0px 0 0px 0px;}
#contents>#menu>#icon3>span {font-size:12px; margin:20px 0 0 25px;}

#contents>#menu>#icon4 { border-radius:100px; width:120px; height: 120px; float:left; margin:105px 30px 0 65px;}
#contents>#menu>#icon4>img { opacity:1; border-radius: 100%; margin:0px 0 0px 0px;}
#contents>#menu>#icon4>span {font-size:12px; margin:20px 0 0 0px;}

#contents>#menu>#icon5 { border-radius:100px; width:120px; height: 120px; float:left; margin:105px 30px 0 65px;}
#contents>#menu>#icon5>img { opacity:1; border-radius: 100%; margin:0px 0 0px 0px;}
#contents>#menu>#icon5>span {font-size:12px; margin:20px 0 0 0px;}

#contents>#menu>#icon6 { border-radius:100px; width:120px; height: 120px; float:left; margin:105px 0px 0 65px;}
#contents>#menu>#icon6>img { opacity:1; border-radius: 100%; margin:0px 0 0px 0px;}
#contents>#menu>#icon6>span {font-size:12px; margin:20px 0 0 5px;}

/*하단사각박스*/
#last{ width:100%; height:600px; margin:20px 0 0 0px; display:inline-block;}
#last>h3{margin:0px 0 50px 0; text-align:center; font-size:30px;}

#contents>#last>#box4 {background-color:#fff; box-shadow:1px 1px 1px 1px #eee; width:300px; height:430px; float:left; margin:0px 0px 0 100px;}
#contents>#last>#box4>img {margin:10px;}
#contents>#last>#box4>h3 {text-align:center; margin:10px 0 0 0;}
#contents>#last>#box4>p {text-align:center; font-size:14px; color:#666; margin:20px 0 0 0;}
#contents>#last>#box4>button {background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:20px 0 0 110px; border:none; padding:8px;}

#contents>#last>#box5 {background-color:#fff; box-shadow: 1px 1px 1px 1px #eee; width:300px; height:430px; float:left; margin:0px 0px 0 30px;}
#contents>#last>#box5>img {margin:10px;}
#contents>#last>#box5>h3 {text-align:center; margin:10px 0 0 0;}
#contents>#last>#box5>p {text-align:center; font-size:14px; color:#666; margin:20px 0 0 0;}
#contents>#last>#box5>button {background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:20px 0 0 110px; border:none; padding:8px;}


#contents>#last>#box6 {background-color:#fff; box-shadow:1px 1px 1px 1px #eee; width:300px; height:430px; float:left; margin:0px 0 0 30px;}
#contents>#last>#box6>img {margin:10px;}
#contents>#last>#box6>h3 {text-align:center; margin:10px 0 0 0;}
#contents>#last>#box6>p {text-align:center; font-size:14px; color:#666;  margin:20px 0 0 0;}
#contents>#last>#box6>button {background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:20px 0 0 110px; border:none; padding:8px;}


#contents>#last>#box7 {background-color:#fff; box-shadow:1px 1px 1px 1px #eee; width:300px; height:430px; float:left; margin:0px 0 0 30px;}
#contents>#last>#box7>img {margin:10px;}
#contents>#last>#box7>h3 {text-align:center; margin:10px 0 0 0;}
#contents>#last>#box7>p {text-align:center; font-size:14px; color:#666; margin:20px 0 0 0;}
#contents>#last>#box7>button {background-color:red; opacity:0.5; font-size:12px;  color:#fff; margin:20px 0 0 110px; border:none; padding:8px;}


/*하단원형박스*/
#contents>#bottom { width:1300px; height:550px; margin:50px 0 0 100px; display:inline-block; }
#contents>#bottom h3{margin:0px 0 50px 410px; font-size:30px; }

#contents>#bottom>#c1 { width:300px; height:500px; float:left; margin:0px 100px 0 70px;}
#contents>#bottom>#c1>img {width:85%; box-shadow:3px 3px 3px 3px #eee; border-radius:100%; margin:0 0 0 21px; }
#contents>#bottom>#c1>h4{text-align:center; margin:20px 10px 0 0;}
#contents>#bottom>#c1>p { font-size:14px; margin:20px 0 35px 5px; text-align:center; }
#contents>#bottom>#c1>button {background-color:red;  border-radius:30px; opacity:0.5; font-size:13px;  color:#fff; margin:0px 0 0 105px; border:none; padding:8px 30px;}
#contents>#bottom>#c1>button {color:#fff; text-decoration:none;}
#contents>#bottom>#c1>button :hover{color:#000;}

#contents>#bottom>#c2 { width:300px; height:500px; float:left; margin:0px 100px 0 15px;}
#contents>#bottom>#c2>img {width:85%; box-shadow:3px 3px 3px 3px #eee; border-radius:100%; margin:0 0 0 21px;}
#contents>#bottom>#c2>h4{text-align:center; margin:20px 10px 0 0;}
#contents>#bottom>#c2>p { font-size:14px;  margin:20px 0 35px 5px; text-align:center; }
#contents>#bottom>#c2>button {background-color:red;  border-radius:30px; opacity:0.5; font-size:13px;  color:#fff; margin:0px 0 0 105px; border:none; padding:8px 30px;}
#contents>#bottom>#c2>button a{color:#fff; text-decoration:none;}
#contents>#bottom>#c2>button a:hover{color:#000;}

#contents>#bottom>#c3 { width:300px; height:500px; float:left; margin:0px 100px 0 15px;}
#contents>#bottom>#c3>img {width:85%; box-shadow:3px 3px 3px 3px #eee; border-radius:100%; margin:0 0 0 21px;}
#contents>#bottom>#c3>h4{text-align:center; margin:20px 10px 0 0;}
#contents>#bottom>#c3>p { font-size:14px; margin:20px 0 35px 5px; text-align:center;}
#contents>#bottom>#c3>button {background-color:red;  border-radius:30px; opacity:0.5; font-size:13px;  color:#fff; margin:0px 0 0 105px; border:none; padding:8px 30px;}
#contents>#bottom>#c3>button a{color:#fff; text-decoration:none;}
#contents>#bottom>#c3>button a:hover{color:#000;}