@charset "utf-8";

/* 전체 나눔고딕 설정 Regular 400, Bold 700, ExtraBold 800 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

/* 나눔명조 Bold 700 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');

* {font-family: 'Nanum Gothic', sans-serif;}

/* reset element */
html, body, div, span, input, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0; padding:0; list-style:none;}
 h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}
a {text-decoration:none; color:black;}
#wrap {width:100%; overflow:hidden;}

 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:""; content:none;}

/* 화면에서 숨기고 스크린리더가 읽을 수 있게 함 */
.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

/* 눌렀을 때 검은색 선 없애기 */
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

.clear {clear:both;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡjqueryㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#fix_header{
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    background-color:#fff;
}

.sp-sticky{
  width: 100%;
  height: auto;
  display: block;
  position: fixed;
  z-index: 99;
  top:0;
  left: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.sp-sticky-child{
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.sp-sticky.sp-active{
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .2);
}




.jd-slider {
    margin: 50px 0;
}

.slide-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.controller {
    margin: 10px 0 0;
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ메인ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.header_top {height:184px;}
.header_top>a {display:block; padding-top:50px;}
/* 대메뉴 */
nav{width:100%; height:40px; line-height:40px;  position:relative;}
#nav {width:960px; cursor:pointer; position:absolute; top:0; left:50%; margin-left:-600px;} 
#nav>li {display:inline-block; margin-right:100px;}
#nav>li:last-child {margin-right:0;}
#nav a {font-weight:700; font-size:20px;}
#nav:hover~#nav_open, #nav_open:hover {display:block; cursor:pointer;}

/* sns */
#sns {width:200px; height:37px; padding-top:3px; position:absolute; top:0; left:50%; margin-left:400px;}
#sns>li {display:inline-block; margin-right:15px;}
#sns>li:last-child {margin-right:0;}

/* 중메뉴 */
#nav_open {display:none; width:100%; height:250px; background-color:#770000; position:absolute; top:40px; z-index:999;}
#nav_open>li {display:inline-block; position:absolute; top:5px;}
#nav_open>li:nth-child(1) {left:50%; margin-left:-570px;}
#nav_open>li:nth-child(2) {left:50%; margin-left:-365px;}
#nav_open>li:nth-child(3) {left:50%; margin-left:-240px;}
#nav_open>li:nth-child(4) {left:50%; margin-left:-42px;}
#nav_open>li:nth-child(5) {left:50%; margin-left:145px;}
#nav_open>li:nth-child(6) {left:50%; margin-left:290px;}
#nav_open a {font-size:18px; line-height:40px; color:white;}

/* main_quick */
#main_quick {width:1200px; height:250px; margin:0 auto; margin-top:130px; text-align:center;}
#main_quick>h2 {display:inline-block;}
#main_quick>h2>a {display:block; width:250px; height:75px; border-radius:1000px; text-align:center; font-size:18px; color:#222; padding-top:175px; margin-right:50px; background-color:#eee; position:relative;}
#main_quick>h2:last-child>a {margin-right:0;}
#main_quick>h2>a:hover {background-color: #770000; color: white; transition: all 0.5s;} 

#main_quick>h2>a>img:nth-of-type(1) {position:absolute; top:50px; left:80px;}
#main_quick>h2>a>img:nth-of-type(2) {position:absolute; top:50px; left:80px; opacity:0; transition:opacity 0.5s linear;}
#main_quick>h2>a:hover>img:nth-of-type(2) {opacity: 1;}

/* main poster */
.carouselTicker {width:100%; height:600px; background:url("../images/main_poster_bg.jpg") no-repeat center center; margin-top:130px;overflow:hidden}
.carouselTicker__list>li {float:left; color:white; margin-right:100px; font-size:18px; line-height:25px; text-align:center; margin-top:35px;}
.carouselTicker__list>li>span {display:block;  font-size:20px; font-weight:700; margin-bottom:20px;}
.carouselTicker__list img {display:block; margin-bottom:20px;}

/* main_guide */
#main_guide {width:460px; height:350px; font-size:20px; line-height:30px; background:url("../images/main_notice_line.gif") no-repeat left 40px; margin-top:70px; position:relative; left:50%; margin-left:-600px; float:left;}
#main_guide>h3 {font-size:30px; color:#3f3f3f; font-weight:700;}
#main_guide>ul {margin-top:40px; font-size:20px;}
#main_guide>ul>li {margin-bottom:30px;}
#main_guide>ul>li:last-child {margin-bottom:0;}
#main_guide>ul>li:first-child>ul>li:first-child {color:#004f13; font-size:25px; font-weight:700;}
#main_guide>ul>li:first-child>ul>li:last-child {margin-left:85px;}
#main_guide>ul>li:nth-child(2)>ul>li:first-child {color:#00237c; font-size:25px; font-weight:700;}
#main_guide>ul>li:nth-child(2)>ul>li:last-child {margin-left:110px;}
#main_guide>ul>li:last-child>ul>li:first-child {color:#aa000d; font-size:25px; font-weight:700;}
#main_guide>ul>li:last-child>ul>li:last-child {margin-left:110px;}
#main_guide>ul>li>ul>li:last-child {float:left;}
#main_guide>ul>li>ul>li:first-child {clear:both; float:left;}
#main_guide>ul>li>ul>li>span {font-size:15px;}
#main_guide::after {content:""; clear:both;}


/* main_notice */
#main_notice {width:640px; height:350px; font-size:20px; line-height:30px; background:url("../images/main_notice_line.gif") no-repeat left 40px; margin-top:70px; position:relative; left:50%; margin-left:-40px; float:left;}
#main_notice>ul:first-child>li:first-child {font-size:30px; color:#3f3f3f; font-weight:700; float:left;}
#main_notice>ul:first-child>li:last-child>a { float:right; margin-top:3px; width:65px; color:#770000; font-size:15px; font-weight:700; background:url("../images/main_notice_plus.gif") no-repeat 47px 5px;}
#main_notice>ul:first-child>li:last-child>a:hover {text-decoration:underline; cursor:pointer;}
#main_notice>ul:first-child>li:last-child::after {content:""; clear:both;}
#main_notice>ul:last-child {margin-top:70px;}
#main_notice>ul:last-child>li {padding-bottom:40px;}
#main_notice>ul:last-child>li>ul>li:first-child>a {clear:both; float:left; font-size:20px;}
#main_notice>ul:last-child>li>ul>li:first-child>a:hover {color:#777;}
#main_notice>ul:last-child>li>ul>li:last-child>a {float:right; font-size:18px; color:#777;}
#main_notice::after {content:""; clear:both;}

/* main_sojang */
#main_sojang {margin-top:530px; position:relative; left:50%; margin-left:-575px; width:1150px;}
#main_sojang>ul>li {float:left; margin-right:50px;}
#main_sojang>ul>li:last-child {margin-right:0px;}
#main_sojang>ul>li>ul>li:first-child>a {display:none;}
#main_sojang>ul>li {position:relative;}
#main_sojang>ul>li:nth-child(even) {margin-top:70px;}
#main_sojang>ul>li>ul>li:first-child:hover>a {display:block; position:absolute; top:0; width:250px; height:400px; background-color:rgba(110,0,0,0.8);  color:white; font-size:20px;}
#main_sojang>ul>li>ul>li:first-child>a>div {width:160px; height:40px; border:2px solid white; position:relative; left:50%; top:50%; margin-left:-80px; margin-top:-20px; text-align:center; line-height:40px; }
#main_sojang>ul>li>ul>li:nth-child(2) {font-size:20px; margin-top:15px;}
#main_sojang>ul>li>ul>li:last-child {margin-top:20px;}
#main_sojang>ul>li>ul>li:last-child>span {float:right;}

/* main_map */
#main_map {width:100%; height:998px; background:url("../images/main_map.jpg") no-repeat left top; margin-top:105px;}

/* footer */
footer {width:100%; height:560px; background-color:#1f1f1f; background-image:url("../images/footer_line_long.gif"),url("../images/footer_line_long.gif"); background-repeat:no-repeat; background-position:left 350px, left 434px; position:relative;}

/* footer - top 버튼 */
footer>div:first-child {position:absolute; top:0; right:0;}
footer>div:first-child>a {display:block; width:85px; height:30px; color:white; font-size:18px; text-align:center; padding-top:30px; background:url("../images/footer_top_arrow.png"),#770000; background-repeat:no-repeat; background-position:36px 13px,left top;}

/* footer - 메뉴 */
footer>ul:nth-of-type(1) {width:1200px; margin:0 auto; padding-top:80px;}
footer>ul:nth-of-type(1)>li {float:left; line-height:14px; margin-right:140px;}
footer>ul:nth-of-type(1)>li:last-child {margin-right:0;}
footer>ul:nth-of-type(1)>li>ul>li:first-child>a {color:white; font-size:18px; font-weight:700;}
footer>ul:nth-of-type(1)>li>ul>li+li>a {color:#c6c6c6; font-size:14px;}
footer>ul:nth-of-type(1)>li>ul>li:nth-child(2) {margin-top:30px;}
/* footer - 개인정보처리방침 */
footer>ul:nth-of-type(2) {height:30px; line-height:30px; font-size:14px; margin-top:100px; float:left; position:relative; left:50%; margin-left:-600px;}
footer>ul:nth-of-type(2) a {color:white;}
footer>ul:nth-of-type(2)>li {float:left; margin-right:15px;}
footer>ul:nth-of-type(2)>li:last-child {margin-right:0;}
/* footer - 관련사이트 */
#related_site {margin-top:100px; float:left; position:relative; left:50%; margin-left:380px; position:relative;}
#related_site>select {display:inline-block; font-size:14px; color:white; appearance: none; background-color:#505050; width:165px; height:30px; padding-left:10px; border:0; cursor:pointer;}
#related_site>img {display:block; width:9px; height:5px; position:absolute; top:13px; left:145px; cursor:pointer;}
#related_site>select>option {padding:10px 0;}
#related_site>a {display:inline-block; font-size:14px; color:white; background-color:#505050; width:50px; height:30px; text-align:center; line-height:30px;}
/* footer - 마지막 줄 */
footer>address {height:50px; width: 1200px;text-align:right; color:#c6c6c6; font-size:12px; margin-top:60px; position:relative; left:50%; margin-left:-600px; background-image:url("../images/footer_logo_01.png"), url("../images/footer_logo_02.png"); background-repeat:no-repeat; background-position: left top, 240px 5px;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ서브 공통 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 서브 메뉴 */
#sub_menu {width:100%; height:50px; line-height:50px; background-color:black;}
#sub_menu>ul>li:first-child::after {display:inline-block; content:""; width:1px; height:12px; background:url("../images/footer_line_short.gif") no-repeat left top; margin-left:20px;}
#sub_menu>ul {width:1200px; margin:0 auto;}
#sub_menu>ul>li {display:inline-block; margin-right:20px;}
#sub_menu>ul>li>a {display:inline-block; height:inherit; font-size:15px; color:white;}
#sub_menu>ul>li:first-child>a {font-weight:700;}
#sub_menu>ul>li+li>a:hover {color:#c80000;}
.sub_menu_active {color:#c80000 !important; font-weight:700; background:url("../images/sub_square.jpg") no-repeat center 43px;}

/* 서브 타이틀 */
#sub_title {width:100%; height:200px; border-bottom:#b4b4b4 1px solid;}
#title_left {position:relative; left:50%; margin-left:-600px; margin-top:60px; float:left;}
#title_left>h2 {font-size:40px; font-weight:800; color:#222;}
#title_left>ul {font-size:15px; font-weight:400; margin-top:20px;}
#title_left>ul>li {float:left;}
#title_left>ul>li:nth-child(1)::after,#title_left>ul>li:nth-child(2)::after {content:""; display:inline-block; width:5px; height:9px; background:url("../images/sub_icon_arrow.png") no-repeat left top; margin:0 10px 0 10px;}
#title_left>ul>li:nth-child(1)::before {content:""; display:inline-block; width:14px; height:14px; background:url("../images/sub_icon_home.png") no-repeat left top; margin:0 5px -1px 0; }

#title_right {position:relative; left:50%; margin-left:320px; margin-top:115px; float:left; height:17px; line-height:17px;}
#title_right>li {float:left; font-size:15px; color:#222;}
#title_right>li>a:hover {color:#777;}
#title_right>li:first-child::before {content:""; display:inline-block; width:23px; height:15px; background:url("../images/sub_icon_print.png") no-repeat left top; margin:0 10px -2px 0;}
#title_right>li:first-child::after {content:""; display:inline-block; width:1px; height:12px; background:url("../images/footer_line_short.gif") no-repeat left top; margin:0 15px -1px 15px;}
#title_right>li:nth-child(2)::before {content:""; display:inline-block; width:16px; height:16px; background:url("../images/sub_icon_link.png") no-repeat left top; margin:0 10px -1px 0;}
#title_right>li:nth-child(2)::after {content:""; display:inline-block; width:1px; height:12px; background:url("../images/footer_line_short.gif") no-repeat left top; margin:0 15px -1px 15px;}
#title_right>li:nth-child(3)::before {content:""; display:inline-block; width:18px; height:13px; background:url("../images/sub_icon_email.png") no-repeat left top; margin:0 10px -1px 0;}

.bitguem {padding-left:20px; padding-top:17px; background:url("../images/sub_bitgeum.png") no-repeat left top; font-size:15px; line-height:25px; font-size:20px; color:#222; font-weight:700;}

.contents {width:1200px; margin:0 auto; color:#222;}
.contents>h3 {margin-top:80px; margin-bottom:35px; padding-left:20px; padding-top:17px; background:url("../images/sub_bitgeum.png") no-repeat left top; font-size:15px; line-height:25px; font-size:20px; color:#222; font-weight:700;} 
.contents>h4 {font-size:18px; font-weight:700; margin-left:20px; margin-bottom:35px;}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri04 연혁 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

#uri04_bg {width:100%; height:2361px; background-color:black;}
#uri04_contents {width:1200px; height:inherit; margin:0 auto; background-image:url("../images/uri04_pic01.jpg"), url("../images/uri04_pic02.jpg"); background-repeat:no-repeat; background-position:615px 655px,0 1142px; color:white; position:relative;}
#uri04_contents>ul>li:first-child {font-size:100px; color:#cfcfcf; font-family:'Nanum Myeongjo', serif; font-weight:700; margin-left:60px;}
#uri04_contents>ul>li>ul>li>ul>li {display:inline-block;}
#uri04_contents>ul>li>ul>li>ul>li:first-child {font-size:25px; font-weight:700;}
#uri04_contents>ul>li>ul>li>ul>li:last-child {font-size:18px; font-weight:700; margin-left:90px;}

#uri04_contents>ul:nth-child(1) {width:630px; height:354px; position:absolute; left:310px; top:80px; background:url("../images/uri04_line_01.png") no-repeat 182px 0;}
#uri04_contents>ul:nth-child(2) {width:450px; height:357px; position:absolute; left:0; top:635px; background:url("../images/uri04_line_02.png") no-repeat 182px 0;}
#uri04_contents>ul:nth-child(3) {width:550px; height:353px; position:absolute; right:0; top:1188px; background:url("../images/uri04_line_03.png") no-repeat 182px 0;}
#uri04_contents>ul:nth-child(4) {width:505px; height:356px; position:absolute; left:365px; top:1755px; background:url("../images/uri04_line_04.png") no-repeat 182px 0;}
#uri04_contents>ul>li>ul {position:absolute; left:0; bottom:5px;}
#uri04_contents>ul>li>ul>li:nth-last-child(2) {margin-left:28px; margin-bottom:30px;}
#uri04_contents>ul>li>ul>li:nth-last-child(3) {margin-left:56px; margin-bottom:30px;}
#uri04_contents>ul>li>ul>li:nth-last-child(4) {margin-left:84px; margin-bottom:30px;}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri06 찾아오시는길 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 서브 비주얼배너 */
#uri06_visual {width:100%; height:400px; background:url("../images/uri06_visual.jpg") no-repeat center center;}


/* 콘텐츠 */
#uri06_contents {width:1200px; margin:0 auto; margin-top:80px; margin-bottom:250px;}
#uri06_contents>ul>li {margin-top:80px; padding-left:20px; padding-top:17px; background:url("../images/sub_bitgeum.png") no-repeat left top; font-size:15px; line-height:25px;}
#uri06_contents>ul>li>span {display:block; margin-bottom:35px; font-size:20px; font-weight:700;}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ex03 온라인전시 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#ex03_visual {width:100%; height:400px; background:url("../images/ex03_visual.jpg") no-repeat center center;}

/* 콘텐츠 */
#ex03_contents {width:1200px; margin:0 auto; margin-top:80px; margin-bottom:250px;}
#ex03_filter {width:100%; height:230px; border:1px solid #b4b4b4; border-radius:5px; padding:15px 30px 35px 30px; box-sizing:border-box;}
#ex03_search {position:relative;}
#ex03_search>input[type="text"] {width:1140px; border:none; border-bottom: 1px solid #b4b4b4; font-size:15px; padding:20px 15px; box-sizing:border-box;}
#ex03_search>a {position:absolute; right:0; bottom:20px;}
#ex03_search>input[type="text"]::placeholder {font-size:15px; color:#777;}
#ex03_search>input[type="text"]:focus::placeholder {color:transparent;}
#ex03_filter>ul {margin-top:30px;}
#ex03_filter>ul .clear {height:20px;}
#ex03_filter>ul>li>label {float:left; font-size:15px; color:#222; margin-right:20px; cursor:pointer;}
#ex03_filter>ul>li:nth-child(7),#ex03_filter>ul>li:nth-child(13) {margin-right:0;}
#ex03_filter>ul>li>input[type="checkbox"] {display:none;}
#ex03_filter>ul>li>input[type="checkbox"]+label::before {content:""; display:inline-block; cursor:pointer; width:17px; height:17px; background:url("../images/ex03_empty.png") no-repeat left top; vertical-align:middle; margin-right:10px;}
#ex03_filter>ul>li>input[type="checkbox"]:checked+label::before {content:""; display:inline-block; cursor:pointer; width:17px; height:17px; background:url("../images/ex03_checked.png") no-repeat left top;}

#ex03_contents>p {font-size:15px; color:#222; margin-top:80px;}
#ex03_contents>p>span {color:#770000; font-weight:700;}

#ex03_list {margin-top:35px;}
#ex03_list>li {border-bottom:1px solid #e1e1e1; height:240px; padding:30px 15px; box-sizing:border-box; position:relative;}
#ex03_list>li:first-child {border-top:1px solid black;}
#ex03_list>li>div>p:first-child>a {font-size:18px; color:black; font-weight:700;}
#ex03_list>li>div>p:first-child>a:hover,#ex03_list>li>a:hover~div>p:first-child>a {color:#777;}
#ex03_list>li>div>p:first-child {margin-bottom:20px;}
#ex03_list>li>div>p:nth-child(2) {font-size:15px; line-height:25px; color:#777;}
#ex03_list>li>div>p:last-child {font-size:15px;  color:#222; position:absolute; bottom:30px;}
#ex03_list>li>div>p:first-child>img {vertical-align:middle;}
#ex03_list>li>div>p:first-child>img:nth-of-type(1) {margin-left:10px;}
#ex03_list>li>div>p:first-child>img:nth-of-type(2) {margin-left:5px;}
#ex03_list>li>a {float:left;}
#ex03_list>li>div {float:left; margin-left:30px; width:870px;}

#ex03_page {width:360px; height:40px; margin:0 auto; margin-top:50px;}
#ex03_page>li {float:left;}
#ex03_page>li>a>img {vertical-align:middle;}
#ex03_page>li>a {display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#777; font-weight:700; text-align:center;}
.current_page {background-color:#aa000d; color:white !important;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ res01 학생단체관람예약 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#res01_visual {width:100%; height:400px; background:url("../images/res01_visual.jpg") no-repeat center center;}

/* 콘텐츠 */
#res01_contents {width:1200px; margin:0 auto; margin-bottom:250px; color:#222;}
#res01_contents>h3 {margin-top:80px; margin-bottom:35px;}
#res01_contents h4 {font-size:18px; font-weight:700;}
#res01_contents>h4 {margin-left:20px;}
#student_guide {width:1182px; height:1090px; background-color:#eee; margin-top:20px; margin-left:20px; box-sizing:border-box; padding:40px;}
#student_guide>h4>img {vertical-align:middle; margin-right:20px;}
#student_guide>h4 {margin-top:80px;}
#student_guide>h4:nth-of-type(1) {margin-top:0px;}
#student_guide>h4:nth-of-type(2) {margin-top:40px;}
#student_guide>p,#student_guide>ul {margin-top:15px;}
#student_guide>p {font-size:15px; line-height:25px;}
#student_guide>p>span {color:#d20000;}
#student_guide>p:nth-of-type(2)>span {text-decoration:underline;}
#student_guide>ul>li {display:inline-block;}
#student_guide>ul>li>a {display:block; width:270px; height:50px; background-color:#770000; color:white; font-weight:700; font-size:15px; text-align:center; line-height:50px; margin-right:20px;}
#student_guide>ul>li>a>img {vertical-align:middle; margin-right:10px;}

#res01_date {float:left; margin-left:20px;}
#res01_date>h4, #res01_time>h4 {margin-bottom:20px;}
#res01_calendar {width:505px; height:470px; border:1px solid #b4b4b4; border-radius:5px; padding:40px 34px; box-sizing:border-box;}
#res01_calendar>div:first-child {font-size:18px; color:#222; float:left;}
#res01_calendar>ul:nth-of-type(1) {float:right;}
#res01_calendar>ul:nth-of-type(1)>li {float:left;}
#res01_calendar>ul:nth-of-type(1)>li:first-child {margin-right:30px;}
#res01_dates {margin-top:30px; font-size:18px; color:#222;}
#res01_dates>li>ul>li {float:left; width:45px; height:45px; cursor:pointer; text-align:center; line-height:45px; margin-right:20px; margin-bottom:15px;}
#res01_dates>li>ul>li:last-child {margin-right:0;}
#res01_dates>li:last-child>ul>li {margin-bottom:0;}
#res01_dates>li>ul {height:45px; line-height:45px;}
#res01_dates>li+li>ul>li:hover {color:#770000;}
#res01_dates span {color:#770000;}
.res01_holiday {color:#777;}
.res01_selected {background-color:#770000; color:white !important;}

#res01_time {float:right; width:630px;}
#res01_time>span {font-size:30px; color:#770000; font-weight:700;}
#res01_result {margin-top:30px; height:420px;}
#res01_result>li>div {float:left; text-align:center;}
#res01_result>li>div:first-child {width:35px; margin-left:45px;}
#res01_result>li>div:nth-child(2) {width:50px; margin-left:150px;}
#res01_result>li>div:nth-child(3) {width:115px; margin-left:165px;}
#res01_result>li {height:50px; border-bottom:1px solid #b4b4b4; font-size:18px; line-height:50px;}
#res01_result>li:first-child {background-color:#f5f5f5; border-top:1px solid black; color:#222;}
.res01_soldout {color:#777;}
.res01_available {color:#770000;}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ res02 전시해설예약 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 콘텐츠 */
#res02_contents {width:1200px; margin:0 auto; margin-bottom:250px; color:#222;}

#res02_tab {margin-top:80px; font-size:18px; font-weight:700; position:relative; }

#res02_tab>li{float: left;}
#res02_tab>li:first-child>a{display: block; width: 600px; height:60px;text-align: center;background-color: #222222;color: #fff; line-height: 60px;border: 1px solid #222; box-sizing: border-box;cursor:pointer;}
#res02_tab>li:nth-child(2)>a{display: block;width: 600px; height:60px;text-align: center;color: #222; line-height: 60px; border: 1px solid #ccc; box-sizing: border-box;cursor:pointer;}

#res02_tab>li:nth-child(2)>a:hover{background-color: #222; color: #fff; border: 1px solid #222;}

#res02_tab_01 {margin-top:80px; font-size:18px; font-weight:700; position:relative; }
#res02_tab_01>li{float: left;}
#res02_tab_01>li:last-child>a{display: block; width: 600px; height:60px;text-align: center;background-color: #222222;color: #fff; line-height: 60px;border: 1px solid #222; box-sizing: border-box;cursor:pointer;}
#res02_tab_01>li:first-child>a{display: block;width: 600px; height:60px;text-align: center;color: #222; line-height: 60px; border: 1px solid #ccc; box-sizing: border-box;cursor:pointer;}

#res02_tab_01>li:first-child>a:hover{background-color: #222; color: #fff; border: 1px solid #222;}


#res02_week {margin-top:80px;}
#res02_weekend {margin-top:80px;}
#res02_contents h4 {font-size:15px;}
#res02_contents h4 span {font-weight:700; color:#770000;}

.res02_list {margin-top:35px;}
.res02_list>li:first-child {border-top:1px solid black;}
.res02_list>li {border-bottom:1px solid #e1e1e1; padding:30px 15px; box-sizing:border-box; width:100%; height:240px;}
.res02_list>li>a {float:left;}
.res02_list>li>div {float:left; margin-left:30px;}
.res02_list>li>div>div:first-child {font-size:15px; color:#777;}
.res02_list>li>div>div:nth-child(2)>a {font-size:18px; color:black; font-weight:700;}
.res02_list>li>div>div:nth-child(2)>a:hover {color:#777;}
.res02_list>li>a:hover~div>div:nth-child(2)>a {color:#777;}
.res02_list>li>div>p {font-size:15px; line-height:25px; color:#222; margin-top:20px;}
.res02_list>li>div {margin-top:15px;}
.res02_list>li>div>div:nth-child(2) {margin-top:20px;}
.res02_current::before {content:"접수중"; display:inline-block; background-color:#f90101; width:60px; height:23px; font-size:13px; color:white; font-weight:700; text-align:center; line-height:23px; border-radius:5px; margin-right:10px;}
.res02_finish::before {content:"접수마감"; display:inline-block; background-color:#f4f4f4; width:60px; height:23px; font-size:13px; color:#777; font-weight:700; text-align:center; line-height:23px; border-radius:5px; margin-right:10px;}


.res02_page {width:200px; height:40px; margin:0 auto; margin-top:50px;}
.res02_page>li {float:left;}
.res02_page>li>a>img {vertical-align:middle;}
.res02_page>li>a {display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#777; font-weight:700; text-align:center;}
.current_page {background-color:#aa000d; color:white !important;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ res03 시설대관예약 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 콘텐츠 */
#res03_contents {width:1200px; margin:0 auto; margin-bottom:250px; color:#222; font-size:15px; line-height:25px; color:#222;}

#res03_contents>h3 {margin-top:80px;}
#res03_contents>p:not(:nth-of-type(2)), #res03_contact {margin-top:35px;}
#res03_contents>p:nth-of-type(2) {margin-top:20px;}
#res03_contents>p>span {color:#d20000;}
#res03_contents>p {margin-bottom:50px;}

#res03_btn {width:270px; height:50px;}
#res03_btn>a {display:block; background-color:#770000; color:white; font-weight:700; font-size:15px; text-align:center; line-height:50px; margin-right:20px;}
#res03_btn>a>img {vertical-align:middle; margin-right:10px;}

#res03_contact>li {width:380px; height:100px; border:1px solid #ccc; float:left; margin-right:20px; background:url("../images/res03_short.gif") no-repeat 130px 10px; box-sizing:border-box;}
#res03_contact>li:last-child {margin-right:0;}
#res03_contact>li>div:first-child {float:left;}
#res03_contact>li>div:last-child {float:left;}
#res03_contact>li:nth-child(1)>div:first-child {margin-left:20px; margin-top:25px;}
#res03_contact>li:nth-child(1)>div:last-child {margin-left:55px; margin-top:25px;}
#res03_contact>li:nth-child(2)>div:first-child {margin-left:25px; margin-top:12px;}
#res03_contact>li:nth-child(2)>div:last-child {margin-left:58px; margin-top:25px;}
#res03_contact>li:nth-child(3)>div:first-child {margin-left:20px; margin-top:37px;}
#res03_contact>li:nth-child(3)>div:last-child {margin-left:50px; margin-top:25px;}

#res03_list>li>ul>li {float:left;}
#res03_list>li>ul>li:last-child {margin-left:50px; margin-top:30px;}
#res03_list>li>ul>li:last-child>span {font-weight:700; font-size:18px;}
#res03_list>li>ul>li:last-child>ul>li:nth-child(odd) {margin-top:30px; font-weight:700;}
#res03_list>li:nth-child(odd) {margin-top:50px;}

#res03_contents>p,#res03_contents>div,#res03_contents>ul {margin-left:20px;}



/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri01 박물관소개 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.contents_02 h4 {margin-top:80px; padding-left:20px; padding-top:17px; background:url("../images/sub_bitgeum.png") no-repeat left top; font-size:15px; line-height:25px; margin-bottom:35px; font-size:20px; font-weight:700;} 
.contents_02 p{margin-top: 55px; font-size: 15px; line-height: 200%;padding-left:20px;}

#uri01{width:1200px; margin:0 auto; margin-top:80px; margin-bottom:250px;}
#uri01_1 p span{font-size: 30px; font-weight: 600;}
#uri01_1 p:nth-child(2){padding-left: 20px;} 
#uri01_1 p:nth-child(3){font-size: 18px; font-weight: 600; text-align: right;}

#uri01_2 p:nth-child(1){padding-left: 20px; float:left;}
#uri01_2 p:nth-child(2){width: 900px; height:300px; float:right; padding:40px; box-sizing: border-box; background-color: #eeeeee; font-size: 15px; line-height: 230%; }
#uri01_2 p:nth-child(2) img{vertical-align:middle;}
/*이미지 세로중간정렬*/
#uri01_2 p:nth-child(2) span{ display: inline-block; width: 250px; height: 50px; background-color: #770000;  margin-top: 50px; line-height: 50px; text-align: center;}
#uri01_2 p:nth-child(2) span+span{margin-left:50px;}
#uri01_2 p:nth-child(2) span a{font-size: 15px; font-weight: 600; color: #fff; }

#uri01_3{width:1200px; height: 600px; margin:0 auto;}
#uri01_3 ul{float: left;}
.color{width: 600px; height:600px; box-sizing: border-box;}
#uri01_3 .color p:nth-child(1){font-size: 18px; font-weight: 600; text-align: center;}
#uri01_3 .color p:nth-child(2){font-size: 15px; font-weight: 300;}
#uri01_3 .color li{width: 275px;height:70px; box-sizing: border-box;float: left; padding-left: 20px;margin-top: 30px;}
#uri01_3 .color li p{font-size: 15px; line-height: 70px; margin-top: -70px; margin-left: 70px;}

.cipic{width: 600px; height:600px; box-sizing: border-box;}
#uri01_3 .cipic p{font-size: 18px; font-weight: 600; text-align: center;}
#uri01_3 .cipic p img{margin-top: 60px;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri05 조직도 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#uri05{width:1200px; margin:0 auto; margin-top:80px; margin-bottom:250px;}
.uri05_1{width:1200px; height: 200px;background:url("../images/group_line.jpg") no-repeat center 50px;margin-top: 100px;box-sizing: border-box; margin-bottom: 250px;}
.uri05_1 li:nth-child(1){display: block; background-color:#ad0916;  width: 120px; height: 120px; border-radius: 100px; font-size: 20px; color: #fff; text-align: center; line-height: 120px; z-index: 1; margin-left: 530px;margin-bottom: 30px;}
.uri05_1 li+li{display: block; background-color:#fff;  width: 120px; height: 120px; border-radius: 100px; border: 5px solid #ad0916; font-size: 20px; color: #000; text-align: center; line-height: 120px; z-index: 1; margin-left: 230px; margin-right: -60px; float: left;}

#uri05 h4:nth-of-type(2){margin-top: 80px;}

.uri05_1 li+li p{font-size: 20px; width: 196px; height: 52px; background-color: #707070; color: #fff; text-align: center; line-height: 52px; margin-top: 30px; margin-left: -40px;}
.uri05_1 li+li p:nth-child(2){margin-top: 1px;}

.uri05_2{width:1200px; height: 150px; margin-top: 50px;}
.uri05_2 li{display: block; width: 500px; height: 60px;font-size: 30px; font-weight: 600;margin-left: 20px;}

.uri05_3 {width: 100%;}
.uri05_3 {width: 1200px; height: 700px;  margin: 0 auto; margin-bottom: 50px;}
.uri05_3 >ul{display: block; width: 186px; float: left; margin-right: 5px; }
.uri05_3 >ul:nth-child(1){margin-left: 20px;}


.uri05_3 >ul>li:nth-child(1){display: block;  float: left; border: 1px solid #c6c6c6;}
.uri05_3 >ul >li > a {display: block; width: 186px; height: 52px; float: left; color: #000; font-size: 18px; text-align: center; line-height: 52px; }
.uri05_3 > ul> li > a:hover{background: #222222; color: #fff; border:none;}


.uri05_3 >ul:hover>li:nth-child(2){visibility: visible; height:400px;}
.uri05_3>ul:hover>li>p{visibility: visible; width: 1200px; height: 80px; font-size: 20px; font-weight: 600; background-color: #fff; }
.uri05_3>ul:hover>li>p>span{font-size: 18px; font-weight: 300;}

.uri05_3 >ul:first-child>li:nth-child(2)>p{visibility: visible; width: 1200px; height: 80px; font-size: 20px; font-weight: 600;}
.uri05_3 >ul:first-child>li:nth-child(2)>p>span{font-size: 18px; font-weight: 300;}

.uri05_3 >ul>li:nth-child(2){visibility: hidden; height:0; clear:both;}


.list_01{margin-top:0px;}
.list_02{margin: -191px; margin-top:0px;}
.list_03{margin: -382px; margin-top:0px;}
.list_04{margin: -573px; margin-top:0px;}
.list_05{margin: -764px; margin-top:0px;}
.list_06{margin: -955px; margin-top:0px;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ex01 상설전시 &ex02 특별전시ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#ex_visual {width:100%; height:400px;  background:url("../images/ex_visual.jpg") no-repeat center center;}

.contents_01{width: 1200px; margin: 0 auto;}
#ex_s_box{width: 1200px; height: 160px; border: 1px solid #b4b4b4; margin-top: 80px; border-radius: 5px;}
#ex_s p:nth-child(1){border-bottom:1px solid #ccc; margin:30px 30px 0px 30px; padding-bottom: 15px;}
#ex_s p:nth-child(1)>a{float: right;}
#ex_s p:nth-child(2){margin-left:20px; color: #222222; margin-top:40px;}
#ex_s p:nth-child(2) input+input{margin-left:30px;}

#ex_t{height:85px; border-bottom:1px solid #ccc;}
#ex_t p:nth-child(1){float:left;font-size: 15px; color: #222222;float: left;margin-top: 60px;}
#ex_t p:nth-child(1) span{color: #770000; font-weight: 600;}
#ex_t p:nth-child(2){float:right; margin-top: 55px;}
#ex_t p:nth-child(2) img{vertical-align: middle;}

#co_03{margin-top: 80px;}
#co_03>ul>li{width: 500px; height: 810px; float: left;margin-bottom: 50px;}
#co_03>ul>li:nth-child(odd){margin-right: 180px;}
#co_03>ul>li>a>img{border: 10px solid #e3e3e3;}
#co_03>ul>li>a>p{font-size: 25px; text-align: center; margin-top: 10px; line-height: 150%; }
#co_03>ul>li>a>p>span{color: #8d8d8d;}
#co_03>ul>li>a>p>span:nth-child(4){color: #000; font-weight: 600;}


#co_04{margin-left: 480px; margin-bottom: 280px;}
#co_04>ul>li{float: left; margin-right: 10px;}
#co_04>ul>li>a>p{font-size: 18px; font-weight: 600; line-height: 38px;}
#co_04>ul>li:nth-child(3)>a>p{background-color: #aa000d; color: #fff; width: 38px; height: 38px;text-align: center;}

.co_research{border: none; width:950px; font-size: 15px;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ data01 소장품검색ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#co_02>p>span+span{color: #222; font-weight: 300; margin-left: 710px;}
#co_02>p>span>img{display: inline-block; width:21px;height: 35px; vertical-align: middle; margin-top: -5px;}

#da_left{width:300px; float:left;}
#da_left ul{position: relative;}
#da_left ul li{width: 299px; height: 59px; border: 1px solid #b1b1b1; margin-bottom: 1px; margin-left: 20px;}
#da_left ul li a p{width: 300px; line-height: 60px; margin-top: 0px; padding-left: 20px; box-sizing: border-box;}
#da_left ul li a p span{float: right; padding-right: 20px;}
#da_left ul li:hover{background-color: #222222; border:none;}
#da_left ul li:hover a{color: #fff; }
#da_left ul li #da_01_list{position: absolute; left:300px; top:0; display: none; width:800px; z-index: 99;}
#da_left ul li:hover #da_01_list{display: block;}

#da_01_list{width: 849px; height: 200px;background-color: #e6e6e6; margin-left: 30px;}
#da_01_list h5{font-size: 18px; color: #222222; font-weight: 600; padding-left: 50px; padding-top: 25px; box-sizing: border-box;}
#da_01_list p{font-size: 15px; color: #222; padding-left: 30px; padding-top: 25px; box-sizing: border-box; float: left;}


#da_right{float:right;}
#da_r_l li{float: left; margin-left: 100px;}
#da_r_l li:nth-child(1), #da_r_l li:nth-child(4),#da_r_l li:nth-child(7) {margin-left: 0px; clear:both;}

#da_r_l li>p{margin-top: 15px; font-size: 15px; font-weight: 600; text-align: center; line-height: 150%;}
#da_r_l>li>p>span{font-weight: 300;}

#da_r_l>li>p:nth-child(3){width: 108px; height: 32px;background-color: #770000;font-weight: 300; margin-left: 45px; margin-bottom:50px;}
#da_r_l>li>p:nth-child(3)>a{color: #fff; line-height: 32px; }

#da_r_n{margin-left:240px; margin-bottom: 280px;}
#da_r_n>li{float: left; margin-right: 10px;}
#da_r_n>li>a>p{font-size: 18px; font-weight: 600; line-height: 38px;}
#da_r_n>li:nth-child(3)>a>p{background-color: #aa000d; color: #fff; width: 38px; height: 38px;text-align: center;}

.contents_01 h4:nth-of-type(1){margin-top: 50px; margin-bottom: 30px;} 
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ data 03 기증 (소장품)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
#ex03{width: 1200px; margin: 0 auto;}
.ex03_m_01 ul li{float: left;width: 600px; height:60px;text-align: center; font-size: 18px; font-weight: 600; margin-top: 80px;}
.ex03_m_01 ul li:nth-child(1){background-color: #222222;}
.ex03_m_01 ul li:nth-child(1) a{color: #fff; line-height: 60px;}
.ex03_m_01 ul li:nth-child(2){background-color: #fff;  border: 1px solid #cccccc; box-sizing: border-box;}
.ex03_m_01 ul li:nth-child(2) a{color: #222; line-height: 60px;}

.ex03_c ul li p{font-size: 15px; color: #222222; line-height: 150%; margin-left: 20px;}
.ex03_m_01 ul li:hover{background-color: #222222;width: 600px; height: 60px; border: none;}
.ex03_m_01 ul li:hover a{color: #fff;}

#ex03_c_list ul li{float: left; width: 175px; margin-top: 50px; padding-left: 40px; box-sizing: border-box;}
#ex03_c_list ul li:nth-child(even){width: 20px; padding-top: 25px;padding-left: 0px; }

#ex03_c_list ul .ex03_c_list_o p:nth-child(1){font-size: 18px; font-weight: 600; color: #fff; background-color: #770000; width: 60px; height: 60px; border-radius: 50px; text-align: center; line-height: 60px; }
#ex03_c_list ul .ex03_c_list_e p:nth-child(1){font-size: 18px; font-weight: 600; color: #770000; border: 5px solid #770000;width: 60px; height: 60px; border-radius: 50px;text-align: center; line-height: 50px; box-sizing: border-box;}

#ex03_c_list ul li p:nth-child(2){font-size: 15px; color: #222; margin-top: 20px;}

#ex03_c_list ul li:nth-child(odd) p:nth-child(2){margin-left: -20px;}
#ex03_c_list ul li:nth-child(1) p:nth-child(2), #ex03_c_list ul li:nth-child(9) p:nth-child(2){margin-left: -3px;}

.ex03_c_l p:nth-child(3){margin-top: 30px; margin-bottom: 280px;}

.ex03_c .bitguem {margin-top: 80px; margin-bottom: 20px;}
/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ data 03 기증 (아카이브)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.ex03_m_02 ul li{float: left;width: 600px; height:60px;text-align: center; font-size: 18px; font-weight: 600; margin-top: 80px;}
.ex03_m_02 ul li:nth-child(2){background-color: #222222;}
.ex03_m_02 ul li:nth-child(2) a{color: #fff; line-height: 60px;}
.ex03_m_02 ul li:nth-child(1){background-color: #fff;  border: 1px solid #cccccc; box-sizing: border-box;}
.ex03_m_02 ul li:nth-child(1) a{color: #222; line-height: 60px;}

.ex03_m_02 ul li:hover{background-color: #222222;width: 600px; height: 60px; border: none;}
.ex03_m_02 ul li:hover a{color: #fff;}





 /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri02 관람안내 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

 #uri02 {
     padding-bottom:100px;
 } 

#uri02 p{padding-left:20px; font-size:18px; line-height: 35px;}
#uri02 p span{font-size:16px; line-height: 10px;}

#uri02 table{border-collapse: collapse; border-spacing: 0; border:1px solid #ccc; width: 1180px; margin-left: 20px;}
#uri02 tr{border-bottom:1px solid #ccc;}
#uri02 th{width:25%; padding:10px 0; font-size: 18px; font-weight: normal;}
#uri02 th span{border-right:1px solid #ccc; width:100%; height:80px; line-height: 80px; display: inline-block;}
#uri02 td{width:70%; text-align: center; line-height: 30px;font-size: 18px; font-weight: normal;}




 /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ uri03 시설안내 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
 #uri03 {
     padding-bottom:100px;
 } 

#uri03 p{margin-left:35px; font-size:18px; line-height: 30px;}
  

#uri03_list{margin-left:35px; height: 150px; margin-bottom: 280px; }
#uri03_list li{width:360px; height:100px; border:1px solid #ccc; float:left; margin-right:20px; box-sizing:border-box; padding:10px 0; margin-bottom:20px;}
#uri03_list li:nth-child(3), #uri03 li:nth-child(6){margin-right:0;}
#uri03_list li div:first-child {float:left; width:120px; text-align: center; border-right:1px solid #ccc; height:80px; line-height: 80px;}
#uri03_list li div:last-child {float:left; width:200px; padding-left:30px; padding-top:15px; line-height: 25px;}
#uri03_list li:nth-child(4) div:last-child {padding-top:0px; line-height: 25px;}
 


/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
   background-color: #ffffff;
    width: 1170px;
  margin: 0 auto;
}

/* 탭 스타일 */
.tab_item {
  width: calc(100%/3);
  height: 50px;
 border: 1px solid #eee;
    border-collapse: collapse;
    box-sizing: border-box;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #333333;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75; cursor: pointer;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}


/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #222;
  color: #fff;
}

 /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ data02 열람복제 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
 #data_visual {
     width: 100%;
     height: 400px;
     background: url("../images/data_visual.jpg") no-repeat center center;
 }


 #data02{
     padding-bottom:400px;
 }

 .data02_t1 {
     width: 1180px; margin-left: 20px;
     border-collapse: collapse;
     border-spacing: 0;
     border: 0;
     border-top: solid #555 1px;
 }

 .data02_t1 tr {
     border-bottom: 1px solid #ccc;
 }

 .data02_t1 th {
     font-size: 18px;
     text-align: left;
     padding-left: 50px;
 }

 .data02_t1 td {
     padding: 20px 0;
     line-height: 200%;
 }



 .data02_t2 {
     width: 1180px;margin-left: 20px;
     border-collapse: collapse;
     border-spacing: 0;
     border: 0;
     border-top: solid #555 1px;
 }

 .data02_t2 tr {
     border-bottom: 1px solid #ccc;
     text-align: center;
 }

 .data02_t2 th {
     font-size: 18px;
     background: #eee;
     padding: 20px 0;
 }

 .data02_t2 td {
     padding: 20px 0;
     line-height: 200%;
 }

 .data02_t2 td {
     border-right: 1px solid #ccc;
 }

 .data02_t2 td:nth-child(5) {
     border-right: none;
 }

 .data02_contact{margin-top:100px; margin-left: 20px;}
 .data02_contact >li{
     float: left;
     width:50%;
     font-size:18px; line-height: 30px;
 }

 .data02_contact>li > span{
     font-weight: bold;
 }

 .data02_contact a {
     display: block;
     width: 300px; 
     background: #770000 url(../images/res01_download.png) no-repeat 55px 22px;
     color: #fff;
     font-size: 16px;     
     text-align: center;
     padding:15px 0 15px 8px;
     margin-top:10px;
     
 }








 /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ news01 공지사항 / news02 보도자료 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
 #news_visual {
     width: 100%;
     height: 400px;
     background: url("../images/news_visual.jpg") no-repeat center center;
 }

 #news {padding-top:100px;   
     padding-bottom:100px;
 }
.news_total{float:left;}
.news_total span {
    color: #aa000d;
    font-weight: bold;
}
.news_search{float:right; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.search_input{}
.news_list{width:100%;
     border-collapse: collapse;
     border-spacing: 0;
     border: 0;
     border-top: solid #555 2px;
}

 .news_list th {
     background-color: #f5f5f5;  
     border-bottom:solid 1px #ccc;   
     height:50px;
 }
.news_list td {
    border-bottom:solid 1px #ccc; 
    text-align: center;
    height:50px;
}
.news_list td:nth-child(2) {
    text-align: left;
    text-indent: 100px;
}
.news_list td a:hover{color: #777;}

.news_page {width:200px; height:40px; margin:0 auto; margin-top:50px;}
.news_page>li {float:left;}
.news_page>li>a>img {vertical-align:middle;}
.news_page>li>a {display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#777; font-weight:700; text-align:center;}
.current_page {background-color:#aa000d; color:white !important;}



 






 /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ rec01 채용정보 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
 #rec01_visual {
     width: 100%;
     height: 400px;
     background: url("../images/rec_visual.jpg") no-repeat center center;
 }
#rec01{padding-top:100px; padding-bottom: 100px;}
.rec01_menu {margin-bottom: 50px 0;
padding-bottom: 120px;}
.rec01_menu li{float:left; padding:0 1px;}
.rec01_menu a{display: block; width:180px; height:50px;border:1px solid #ccc; text-align: center; line-height: 50px;}
.rec01_menu a:hover{background:#333; color:#fff;}
.rec01_menu a.active{background:#333; color:#fff;}

 #rec01_align {
     justify-content: center;
 }

 .rec01tab_box {
     /*탭 박스 사이즈*/
     width: 1010px;
     height: 53px;
     float: left;
     margin: 0 auto;
 }

 .rec01tab_box input[type="radio"] {
     display: none;
 }

 .rec01tab_box label {
     /*탭 이름 사이즈와 폰트 색상*/
     display: inline-block;
     padding: 15px 25px;
     font-weight: 600;
     text-align: center;
     color: black;
     background-color: #fff;
     border: 1px solid #ccc;
 }

 .rec01tab_box label:hover {
     /*탭 이름 마우스를 올렸을 때*/
     color: #000;
     cursor: pointer;
 }

 .rec01tab_box input:checked + label {
     /*탭 누르면 바뀌는 모습*/
     color: #fff;
     border: 1px solid #ddd;
     background-color: #222;
 }

 .tabContent {
     /*탭 내용 스타일*/
     display: none;
     border-top: 1px solid #ddd;
 }
 


 #tab1:checked ~ #gallery1

 /*탭 눌렀을 때 나오는 모습 연결*/
 #tab2:checked ~ #gallery2,
 #tab3:checked ~ #gallery3,
 #tab4:checked ~ #gallery2,
 #tab5:checked ~ #gallery3 {
     display: block;
 }