@charset "utf-8";
@import url("conveted/NotoKR-Regular/stylesheet.css");
@import url("conveted/NotoKR-Bold/stylesheet.css");
@import url("conveted/NotoKR-Light/stylesheet.css");
/* CSS Document */

@font-face { font-family: 'Chosunilbo_myungjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff'); font-weight: normal; font-style: normal; }


*{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none; color:#fff;}
img{vertical-align:top;}

ul:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
.wrap{position:relative; width:1400px; margin:0 auto;}

header{position:absolute; width:100%; height:135px; font-family: 'notokr-regular'; border-bottom:1px solid #999; z-index:999; }
#gnb{margin-left:90px; padding-top:85px; font-size:18px; text-align:center;}
#gnb > li{float:left; width: 150px; height:50px; margin-right:10px;}
#gnb > li:last-child{margin-right:0;}
#gnb > li:nth-child(3){margin-right:320px;}
#gnb > li:nth-child(4){margin-right:100px;}
header span{ position:absolute; top:10px; width:50px; height:30px; background:#70635a; display:block; border-radius:5px; line-height:30px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}
header .main_logo{position:absolute; top:20px; left:595px; opacity:1;}
header .btn_menu{position:absolute; right:0; top:88px; opacity:1;}
header .sub_logo{opacity:0; position:absolute; top:20px; left:595px;}
header .sub_btn_menu{opacity:0; position:absolute; right:0; top:88px;}
header hr{position:absolute; width:100px; border:2px solid #727f92; top:132px; left:0; opacity:0; z-index:99;}
header #gnb li ul{padding-top:40px; display:none; }
header #gnb li ul li a{font-size:14px; color:#999; line-height:2;} 
header .btn_language ul {position:absolute; top:45px; width:50px; height:90px; background:#afa299; display:none; border-radius:5px; line-height:30px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}
header #sub_menu{width:100%; height:370px; background:#fff; display:none; position:absolute;}
header #sub_menu .border{position:absolute; top:370px;}


#main {background:url(images/main_background.jpg) no-repeat; width:100%; height:1080px; text-align:center; }
#main .main_text{position:absolute; top:480px; left:468px;}
#main .scroll{position:absolute; top:860px;}
#main .next{position:absolute; right:360px; top:540px; }
#main .prev{position:absolute; left:393px; top:540px; }

#snb{height:60px; border-bottom:1px solid #ccc; padding-left:60px;}
#snb ul{width:1400px; margin:0 auto;}
#snb ul li{float:left; text-align:center; line-height:55px; color:#999;}
#snb ul li:last-child{margin-right:0;}
#snb ul li a{color:#333; font-size:18px; font-weight:500;  font-family: 'Chosunilbo_myungjo'; line-height:60px; display:block; width:228px; }
#snb ul li a.menu{background:#333; color:#fff; }

#cont1 {background:url(images/background2.jpg) no-repeat; height:597px; padding-left:50px;}
#cont1 p{ position:absolute;  left:50px; top:50px; font-size:30px; font-weight:bold; font-family: 'Chosunilbo_myungjo'; line-height:1.5; padding-top:135px; padding-bottom:35px; opacity:0;}
#cont1 span{ position:absolute;  left:50px; top: 290px; font-size:14px; font-weight:600; font-family: 'Chosunilbo_myungjo'; color:#bbb;  line-height:1.8;  opacity:0;}
#cont1 a{position:absolute;  left:50px; top: 430px; width:140px; height:15px; background:#717e92; display:block; line-height:15px; font-family: 'notokr-regular'; font-size:14px; padding:10px; margin-top:50px;  opacity:0;}
#cont1 a img{position:absolute; right:10px; }
#cont1 .introduce_picture{position:absolute; right:30px; top:100px; opacity:0;}
#cont1 .side{position:absolute; top:270px; right:5px; opacity:0;}

#history{background:url(images/middle_background.png) no-repeat; height:323px; text-align:center; color:#fff; }
#history p{font-size:40px; font-family: 'Chosunilbo_myungjo'; padding-top:90px; margin-bottom:25px;}
#history span{font-size:24px; font-family:"Times New Roman"; letter-spacing:1.5px; }
#history a{width:175px; height:40px; display:block; border:2px solid #fff; line-height:40px; text-align:center; font-family: 'notokr-regular'; margin:60px auto 0; font-size:18px;}
#history a img{margin-top:15px;}

#etc{background:#f3f3f3; height:1030px;}
#etc .wrap > div{position:relative;}
#etc #memorial{width:340px; height:525px; background:url(images/memorial.png) no-repeat; position:absolute; top:80px; opacity:0;}
#etc #memorial hr{width:25px; height:1px; background:#333; border:1px solid #333; position:absolute; top:70px; margin-left:30px; }
#etc #memorial p{font-size:16px; font-family: 'notokr-bold'; color:#9b5f58; margin-top:35px; margin-left:30px;}
#etc #memorial dt{font-size:36px; font-weight:bold; font-family: 'notokr-bold'; margin-top:60px; margin-left:30px;}
#etc #memorial dd{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:10px; margin-bottom:40px;  margin-left:30px;}
#etc #memorial a{width:185px; height:35px; background:rgba(0,0,0,0.5); display:block; line-height:35px; font-size:14px; font-family: 'notokr-regular'; padding-left:10px; margin-left:30px;}
#etc #memorial a img{margin-top:10px; }



#etc #gallary{width:700px; height:525px; background:url(images/gallary.png) no-repeat; position:absolute; top:80px; left:350px; color:#fff; opacity:0;}
#etc #gallary hr{width:25px; height:1px; background:#fff; border:1px solid #fff; position:absolute; top:70px; margin-left:30px;}
#etc #gallary p{font-size:16px; font-family: 'notokr-bold'; margin-top:35px; margin-left:30px;  }
#etc #gallary dt{font-size:36px; font-weight:bold; font-family: 'notokr-bold'; margin-top:60px; margin-left:30px;}
#etc #gallary dd{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:10px; margin-bottom:40px; margin-left:30px; }
#etc #gallary a{width:195px; height:35px; background:rgba(0,0,0,0.5); display:block; line-height:35px; font-size:14px; font-family: 'notokr-regular'; padding-left:10px; margin-left:30px;}
#etc #gallary a img{margin-top:10px; }



#etc #question{width:340px; height:344px; background:url(images/question.png) no-repeat; position:absolute; top:80px; left:1060px; color:#fff; opacity:0;}
#etc #question hr{width:25px; height:1px; background:#fff; border:1px solid #fff; position:absolute; top:70px; margin-left:30px; }
#etc #question p{font-size:16px; font-family: 'notokr-bold';  margin-top:35px; margin-left:30px; margin-left:30px;}
#etc #question dt{font-size:36px; font-weight:bold; font-family: 'notokr-bold'; margin-top:50px; margin-left:30px;}
#etc #question dd{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:20px; margin-left:30px; color:rgba(255,255,255,0.7);}

#etc #question a:link, #etc #question a:visited { transition: 0.5s;  position:absolute; right:25px; bottom:25px;}
#etc #question a:hover, #etc #question a:active, #etc #question a:focus { transform:rotate(180deg);}


#etc #manage{width:340px; height:255px; background:url(images/picture1.png) no-repeat; position:absolute; top:435px; left:1060px; color:#fff; opacity:0;}
#etc #manage hr{width:25px; height:1px; background:#fff; border:1px solid #fff; position:absolute; top:70px; margin-left:30px; }
#etc #manage p{font-size:16px; font-family: 'notokr-bold';  margin-top:35px; margin-left:30px; margin-left:30px;}
#etc #manage span{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:40px;  margin-left:30px; display:block; color:rgba(255,255,255,0.7);}
#etc #manage a:link, #etc #manage a:visited { transition: 0.5s;  position:absolute; right:25px; bottom:25px;}
#etc #manage a:hover, #etc #manage a:active, #etc #manage a:focus { transform:rotate(180deg);}


#etc #cyber{width:340px; height:255px; background:url(images/picture2.png) no-repeat; position:absolute; top:695px; left:1060px; color:#fff; opacity:0;}
#etc #cyber hr{width:25px; height:1px; background:#fff; border:1px solid #fff; position:absolute; top:70px; margin-left:30px; }
#etc #cyber p{font-size:16px; font-family: 'notokr-bold';  margin-top:35px; margin-left:30px; margin-left:30px;}
#etc #cyber span{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:40px;  margin-left:30px; display:block; color:rgba(255,255,255,0.7);}
#etc #cyber a:link, #etc #cyber a:visited { transition: 0.5s;  position:absolute; right:25px; bottom:25px;}
#etc #cyber a:hover, #etc #cyber a:active, #etc #cyber a:focus { transform:rotate(180deg);}


#etc #notice {width:518px; height:333px; border:1px solid #999; position:absolute; left:530px; top:615px; opacity:0;}
#etc #notice .border{width:498px; height:313px; margin:10px; border:1px solid #999;}
#etc #notice hr{width:25px; height:1px; background:#333; border:1px solid #333; position:absolute; top:55px; margin-left:30px;}
#etc #notice p{font-size:16px; font-family: 'notokr-bold'; margin-top:15px; margin-left:20px; color:#9b5f58; }
#etc #notice dl{width:460px;}
#etc #notice dt{font-size:30px; font-weight:bold; font-family: 'notokr-bold'; margin-top:30px; margin-left:20px;}
#etc #notice dd{font-size:14px; font-family: 'notokr-regular'; line-height:1.7; margin-top:10px; margin-bottom:40px; margin-left:20px; font-size:14px; border-bottom:1px solid #999; padding-bottom:15px; }
#etc #notice_text{position:absolute; left:30px; bottom:25px; line-height:1.8;}
#etc #notice_text li{float:none; font-size:14px;  font-family: 'notokr-regular';}
#etc #notice_text li a{color:#666;}
#etc #notice_day{position:absolute; left:400px; bottom:25px; line-height:1.8;}
#etc #notice_day li{float:none; font-size:14px;  font-family: 'notokr-regular';}	
#etc #notice_day li a{color:#666;}
#etc #video {position:absolute; width:520px; height:335px; top:615px; opacity:0;}


footer{width:100%; height:220px; background:#474f52; position:relative;}
footer div:first-child{border-bottom:1px solid #ccc; height:40px;}
footer p{float:left; font-size:14px; font-family:"돋움"; font-weight:bold; color:#fff; margin-right:150px; line-height:40px; }
footer span{margin-left:30px; color:#8494ab; font-weight:bold;}
footer li{float:left; margin-right:90px; margin-top:27px;}
footer li a{color:#ccc;  font-family:"돋움"; font-size:14px; }
footer li:last-child{margin-right:0;}
footer address{font-style:normal; font-size:12px;  font-family:"돋움"; color:#ccc; line-height:2; margin-top:40px;}
footer address span{margin-left:0;  font-family:"돋움"; font-size:12px; color:#999;}
footer img{position:absolute; top:40px; right:0; }
footer select{position:absolute; right:0; margin-top:3px; width:230px; height:30px; line-height:30px;}