@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face { font-family: 'BareunBatang'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFM.woff') format('woff'); } @font-face { font-family: 'BareunBatang'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFB.woff') format('woff'); } @font-face { font-family: 'BareunBatang'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFL.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFL.woff') format('woff'); } .bareunbatang * { font-family: 'BareunBatang', serif; }

* {margin:0; padding:0;}
li {list-style:none;}
a {text-decoration:none;}
body {font-family: 'Noto Sans KR', sans-serif; background:#000; }
.wrap {width:1280px; margin:0 auto;}
img {vertical-align:top;}
ul:after {clear:both; content:""; display:block;}

header {height:100px; width:100%; background:#000 url(images/line.png) no-repeat top; position:fixed;  z-index:99; }
header h1 img {width:180px;; height:auto; margin:20px;}
header .gnb {position:absolute; top:0; left:50%; margin-left:-452px; }
header .gnb > li {float:left; text-align:center;color:#f0e6d3; }
header .gnb > li:nth-child(2n) { padding-top:35px; display:block; height:65px;}
header .gnb > li > a:link, header .gnb > li > a:visited { color:#f0e6d3; font-size:20px;  display:block; font-weight:700; display:block; width:180px; height:65px; padding-top:35px; }
header .gnb > li > a:hover, header .gnb > li > a:active, header .gnb > li > a:focus{ color: #6ac4cc; background:url(images/hover-bg.png) no-repeat top !important;}
header .gnb > li:first-child >a {background:url(images/gnb1.png) no-repeat top;}
header .fnb {width:178px; background:#000; border:#329dc4 1px solid; border-top:none; border-radius:0 0 10px 10px; padding-bottom:10px; display:none;}
header .fnb a {color:#329dc4; font-size:16px; padding-bottom:10px;}
header > a:link, header > a:visited  {background:url(images/start3.png) no-repeat center; position:absolute; right:20px; top:18px; width:216px; height:64px; color:#dcf9f9; text-align:center; line-height:64px; font-size:18px; padding-left:18px; font-weight:600;}
header > a:hover, header > a:active, header > a:focus {background:url(images/start2.png) no-repeat center;}

.blank {height:100px;}
#slide {position:relative;}
#slide .slide1 {background:url('images/image(3).jpg') no-repeat center; height:870px; }
#slide .slide2 {background:url(images/1aa2d67298ceaaa78733f4bc.jpg) no-repeat center; height:870px; position:absolute; top:0; width:100%; opacity:0;}
#slide dl {margin-left:150px;}
#slide dl dt {color:#ee9930; font-family: 'BareunBatang'; font-size: 48px; font-weight:700; padding-top:200px; }
#slide dl dd:first-of-type {color:#fffff0; font-size:16px; margin:30px 0;}

#slide dl dd:last-of-type a:link, #slide dl dd:last-of-type a:visited {color:#000; font-size:16px; text-align:center; background:url(images/click.jpg) no-repeat center; display:block; width:200px; height:40px; line-height:40px; border:3px solid; border-color: #f1c05f #bd6b24 #b6631f #e7a748 !important; text-shadow: 0 1px 0 #e1bc6d;}

#slide dl dd:last-of-type a:hover, #slide dl dd:last-of-type a:focus, #slide dl dd:last-of-type a:active {border-color: #fdeaba #bf712c #b66521 #edbd6e !important; }

#slide ul {position:absolute; top:400px; left:50%; margin-left:-500px;}
#slide ul li{float:left; width:20px; height:20px; border-radius:50px; margin:50px 10px; background:#4c4c4c;}
#slide ul li.select {background:#d3861a; }


#cont1 ul li{float:left;}

#cont2 {margin: 30px 0;}
#cont2 .wrap {text-align:center;}
#cont2 .wrap > img {height:auto; width:40px; margin-top:50px;}
#cont2 #ch { width:100%; margin-top:30px;}
#cont2 #ch li {display:inline-block; color:#886a36; font-size:24px; text-align:center; margin: 0 20px; font-weight:700;}
#cont2 #ch li img { position:relative; top:15px;}
#cont2 #ch li:first-child img {transform:rotate(180deg);}
#cont2 #ch li:nth-child(2) {margin:0 20px;}


#cont2 #clist li {float:left; margin:30px 79px; text-align:center; }
#cont2 #clist li a{color:#f0e6d3; }
#cont2 #clist li a:link .li, #cont2 #clist li a:visited .li {display:inline;}
#cont2 #clist li a:link .ho, #cont2 #clist li a:visited .ho{display:none; }
#cont2 #clist li a:hover .li, #cont2 #clist li a:active .li, #cont2 #clist li a:focus .li{display:none;}
#cont2 #clist li a:hover .ho, #cont2 #clist li a:active .ho, #cont2 #clist li a:focus .ho {display:inline;}

#cont2 #cp {margin-bottom:50px; overflow:hidden; }
#cont2 #cp ul {width:2064px; position:relative; display:none;}
#cont2 #cp ul li{float:left; width:244px; height:400px; border:2px solid #83622a; margin-right:10px; text-align:left;}
#cont2 #cp .select {display:block;}


#cont2 .cp1 li.li1 {background:url('images/image%20(17).jpg') no-repeat;
background-position: 79.4239% 18.2706%;}
#cont2 .cp1 li.li2 {background:url('images/image%20(52).jpg') no-repeat;     background-position: 85.2675% 67.643%;}
#cont2 .cp1 li.li3 {background:url('images/image%20(23).jpg') no-repeat;     background-position: 76.7901% 56.2064%;}
#cont2 .cp1 li.li4 {background:url('images/image%20(53).jpg') no-repeat;     background-position: 79.4239% 18.2706%;}
#cont2 .cp1 li.li5 {background:url('images/image%20(54).jpg') no-repeat ; background-position: 87.3251% 5.71827%;}
#cont2 .cp1 li.li6 {background:url('images/image%20(55).jpg') no-repeat ; background-position: 83.1276% 0.55788%;}
#cont2 .cp1 li.li7 {background:url('images/image%20(34).jpg') no-repeat ; background-position: 64.2798% 0%;}

#cont2 .cp2 li.li1 {background:url('images/image%20(19).jpg') no-repeat;
background-position: 61.3169% 0%;}
#cont2 .cp2 li.li2 {background:url('images/image%20(21).jpg') no-repeat;     background-position: 86.1728% 0.27894%;}
#cont2 .cp2 li.li3 {background:url('images/image%20(56).jpg') no-repeat;     background-position: 76.214% 18.8285%;}
#cont2 .cp2 li.li4 {background:url('images/image%20(33).jpg') no-repeat;     background-position: 50.2083% 11.578%;}
#cont2 .cp2 li.li5 {background:url('images/image%20(31).jpg') no-repeat ; background-position: 87.9835% 31.3808%;}
#cont2 .cp2 li.li6 {background:url('images/image%20(37).jpg') no-repeat ; background-position: 94.6289% 0.974026%;}
#cont2 .cp2 li.li7 {background:url('images/image%20(40).jpg') no-repeat ; background-position: 73.4979% 16.8759%;}
#cont2 .cp2 li.li8 {background:url('images/image%20(50).jpg') no-repeat ; background-position: 71.1111% 0%;}

#cont2 .cp3 li.li1 {background:url('images/image%20(20).jpg') no-repeat;
background-position: 74.0741% 19.6653%;}
#cont2 .cp3 li.li2 {background:url('images/image%20(57).jpg') no-repeat;     background-position: 73.1687% 0%;}
#cont2 .cp3 li.li3 {background:url('images/image%20(58).jpg') no-repeat;     background-position: 94.2387% 13.8075%;}
#cont2 .cp3 li.li4 {background:url('images/image%20(30).jpg') no-repeat;     background-position: 48.9063% 15%;}
#cont2 .cp3 li.li5 {background:url('images/image%20(59).jpg') no-repeat ; background-position: 76.1317% 3.06834%;}
#cont2 .cp3 li.li6 {background:url('images/image%20(60).jpg') no-repeat ; background-position: 82.0576% 1.11576%;}
#cont2 .cp3 li.li7 {background:url('images/image%20(61).jpg') no-repeat ; background-position: 51.5104% 19.3292%;}
#cont2 .cp3 li.li8 {background:url('images/image%20(3).jpg') no-repeat ; background-position: 78.2716% 12.9707%;}

#cont2 .cp4 li.li1 {background:url('images/image%20(62).jpg') no-repeat;
background-position: 73.7449% 37.2385%;}
#cont2 .cp4 li.li2 {background:url('images/image%20(24).jpg') no-repeat;     background-position: 80.9053% 32.2176%;}
#cont2 .cp4 li.li3 {background:url('images/image%20(63).jpg') no-repeat;     background-position: 53.8542% 0%;}
#cont2 .cp4 li.li4 {background:url('images/image%20(14).jpg') no-repeat;     background-position: 92.3457% 10.5997%;}
#cont2 .cp4 li.li5 {background:url('images/image%20(25).jpg') no-repeat ; background-position: 74.1564% 11.4365%;}
#cont2 .cp4 li.li6 {background:url('images/image%20(16).jpg') no-repeat ; background-position: 67.0782% 19.6653%;}
#cont2 .cp4 li.li7 {background:url('images/image%20(64).jpg') no-repeat ; background-position: 69.4271% 5.44148%;}
#cont2 .cp4 li.li8 {background:url('images/image%20(49).jpg') no-repeat ; background-position: 84.2798% 0.97629%;}

#cont2 .cp5 li.li1 {background:url('images/image%20(22).jpg') no-repeat;
background-position: 78.6831% 24.1283%;}
#cont2 .cp5 li.li2 {background:url('images/image%20(15).jpg') no-repeat;     background-position: 76.6255% 0.13947%;}
#cont2 .cp5 li.li3 {background:url('images/image%20(27).jpg') no-repeat;     background-position: 56.6255% 0%;}
#cont2 .cp5 li.li4 {background:url('images/image%20(47).jpg') no-repeat;     background-position: 91.6049% 20.6416%;}
#cont2 .cp5 li.li5 {background:url('images/image%20(65).jpg') no-repeat ; background-position: 69.7119% 0.41841%;}
#cont2 .cp5 li.li6 {background:url('images/image%20(66).jpg') no-repeat ; background-position: 65.1029% 19.3863%;}
#cont2 .cp5 li.li7 {background:url('images/image%20(67).jpg') no-repeat ; background-position: 87.3251% 5.71827%;}


#cont2 .cp6 li.li1 {background:url('images/image%20(12).jpg') no-repeat;
background-position: 43.8542% 2.11827%;}
#cont2 .cp6 li.li2 {background:url('images/image%20(68).jpg') no-repeat;     background-position: 64.5267% 7.11297%;}
#cont2 .cp6 li.li3 {background:url('images/image%20(29).jpg') no-repeat;     background-position: 67.4897% 14.6444%;}
#cont2 .cp6 li.li4 {background:url('images/image%20(32).jpg') no-repeat;     background-position: 88.8889% 0%;}
#cont2 .cp6 li.li5 {background:url('images/image%20(48).jpg') no-repeat ; background-position: 54.9479% 23.1718%;}
#cont2 .cp6 li.li6 {background:url('images/image%20(39).jpg') no-repeat ; background-position: 67.6543% 49.6513%;}
#cont2 .cp6 li.li7 {background:url('images/image%20(69).jpg') no-repeat ; background-position: 80.0823% 34.5886%;}


#cont2 #cp a {color:#fffff0; font-size:24px; display:block; height:120px; width:224px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; padding:10px;  padding:10px;}
#cont2 #cp a span {color:#e2d09c; font-size:18px; border-top:1px solid #cd9d3b; padding-top:10px;}
#cont2 #cp li a {opacity:0; }
#cont2 #cp li:hover a {opacity:1;}

#cont2 #left {position:relative; left:-650px; top:-200px; cursor:pointer;}
#cont2 #right {position:relative; right:-650px; top:-200px; cursor:pointer;}

#cont2 #update { margin-top:30px;}

#cont2 #ud {margin:100px 0;}
#cont2 #ud li{float:left; width:426px; height:512px; position:relative; opacity:0; }
#cont2 #ud li a {color:#f0e6d3; padding-top:30px; font-size:18px; display:block; width:426px; height:512px; box-sizing:border-box;  font-family: 'BareunBatang'; font-weight:50;}
#cont2 #ud li a:hover {background:rgba(0,0,0,0.5);}
#cont2 #ud li:nth-child(1){background:url(images/up1.jpg); top:-130px;}
#cont2 #ud li:nth-child(2){background:url(images/up2.jpg);top:-100px;}
#cont2 #ud li:nth-child(3){background:url(images/up3.jpg); top:-130px;}
#cont2 #ud li:nth-child(4){background:url(images/ud4.jpg); top:-130px;}
#cont2 #ud li:nth-child(5){background:url(images/up5.jpg); top:-100px;}
#cont2 #ud li:nth-child(6){background:url(images/up6.jpg); top:-130px;}

footer {border-top:1px solid #44331f; text-align:center; margin-bottom:30px;}
footer p {margin:30px 0; color: #f0e6d3; font-size:14px; font-weight:30;}