@charset "utf-8";
/* CSS Document */
/* ======================================== 서브레이아웃 ======================================== */
#gnb{right:-13px;}
.box.map .logo { display: block; background: url("../../images/korean/sub/logo.svg") no-repeat 0 0 / 100% auto; width: 292px; height: 44px; font-size: 0; line-height: 0; margin-top: 36px; }
#container{ padding-top:50px;background: url(../../images/korean/sub/content_pattern.gif);}
#contents { padding: 40px 0 100px; color: #333; min-height: 800px; font-family: "NanumGothic"; }
#contents.full{width:100%;padding:70px 0 70px 40px;}
#contents h3,
h4,
h5,
h6 { font-family: "NanumSquare"; }
#content-title { margin-bottom: 30px; position: relative; }
#content-title h3 { font-size: 45px; margin-bottom:10px; color: #383838; text-align:center;}

.path{display:inline-block;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;padding:15px 0;position:relative;}
.path::before{content:"";display:block;width:46px;height:3px;background-color:#ed1651;position:absolute;left:50%;top:-2px;margin-left:-23px;}
.path * { vertical-align: middle; }
.path a { font-size: 14px; color: #444; }
.path a:last-of-type { font-weight:700;}
.path a:last-of-type:after { display: none; }
.path a:after { content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url("../../images/korean/sub/path_arrow.gif") no-repeat center center; margin-left: 5px; }
.path .home { background:url(../../images/korean/sub/path_home.gif) no-repeat 0 3px;padding-left:20px;}
.share_m {position:absolute; right:0; top:65px; width:auto; z-index:10;}
.share_m a {z-index:10; position:relative;}
.share_m a.sns {float:left; display:block; width:42px; height:42px; background:#2e56a7 url(../../images/korean/sub/sns_ico.png) no-repeat center 52%; margin-right:5px;
-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.share_m a.sns span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
.share_m a.sns.ov {background:#6a6a6a url(../../images/korean/sub/sns_ico_ov.png) no-repeat center 52%;}
.share_m a.blog {float:left; padding:0; display:none; width:42px; height:42px; overflow:hidden; background:#2d3b4f url(../../images/korean/sub/sns_bl_ico.png) no-repeat center 50%;  margin-right:5px;
-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.share_m a.blog span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
.share_m a.print {float:left; display:block; width:42px; height:42px; overflow:hidden; background:#6a6a6a url(../../images/korean/sub/print.png) no-repeat center 50%;
-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.share_m a.print span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
#sns_box {position:absolute; right:90px; top:0; z-index:20; width:94px; display:none;}
#sns_box a {float:left; width:auto; margin-right:5px; display:block; width:42px; height:42px; overflow:hidden; padding:0;
-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
#sns_box a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
#sns_box a.fb {background:#374d9e url(../../images/korean/sub/sns_fb_ico.png) no-repeat center 50%;}
#sns_box a.tw {background:#0292dc url(../../images/korean/sub/sns_tw_ico.png) no-repeat center 50%;}

/* tabmenu 추가 - 2017.12.28 JYC */

#content-title .tabmenu { display: table; height:auto; margin: 50px auto 40px; }
#content-title .tabmenu > ul > li { display: table-cell; width: 1%; height: 100%; }
#content-title .tabmenu > ul > li:first-child { margin-left: 0; }
#content-title .tabmenu > ul > li > a { height: 100%; background-color: #fff; color: #424242; border: 1px solid #d6dde7; padding: 20px; display: block; font-size: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; margin-left: -1px; letter-spacing: -2px; }
#content-title .tabmenu > ul > li > a:hover, #content-title .tabmenu > ul > li.active > a { background-color: #203770; border-color: #203770; color: #fff; }
#content-title .tabmenu > ul > li > a:hover { background-color: #76839a; border-color: #76839a; }


/* ======================================== 콘텐츠 공통 ======================================== */
#content-body { color: #767676; font-size: 15px; line-height: 1.5; }
#content-body::after{content:"";display:block;clear:both;}
h4 { font-size: 20px; color: #000; font-weight: 600; margin: 50px 0 15px; position: relative; background: url("../../images/korean/sub/h4_bullet.png") no-repeat 0 3px; padding-left: 30px; }
h4:first-of-type { margin-top: 0; }

h5{font-size:15px;color:#555;}
h5:before{content:"";display:inline-block;width:9px;height:3px;vertical-align:middle;margin-right:8px;background-color:#b8b8b8;}

/* floor박스안에 들어있는 strong과 h5의 디자인이 같다 */
#use-info .title strong,
.floor .title { display:block;font-family:"NanumSquare";font-size: 20px; color: #333; position: relative; padding-top: 13px;padding-left:0; background:none;margin-bottom:  10px; }
#use-info .title strong:before,
.floor .title:before { content: ""; display: block; width: 22px; height: 4px; background-color: #333; position: absolute; left: 0; top: 0; }


/* 기본박스 */
.box { padding: 25px; background-color: #fff; border: 1px solid #e3e6e8; }
.box.margin-bottom { margin-bottom: 30px; }
.box p { line-height: 1.5; letter-spacing:-0.5px;}
.box.small { padding: 10px; }
.box.gray { background-color: #f4f4f4; border: 0; }
/* 기본테이블 */
.table-wrap { position: relative; margin-top: 15px; margin-bottom: 30px; overflow: hidden; border-top: 1px solid #555; }
.table { color: #666; border-bottom: 1px solid #ddd; width: calc(100% + 2px); margin-left: -1px; background-color:#fff;}
.table thead th { padding: 10px 5px; background: #f8f9fb; color: #333; border:1px solid #ddd;/*border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; */}
.table thead tr>th.gray:first-child { border-left: 0; }
.table tbody th { padding: 10px 5px; border:1px solid #ddd;/*border-top: 1px solid #ddd;border-left: 1px solid #ddd;*/
 color: #333;background-color:#f8f9fb; }
.table tbody td { padding: 10px; border:1px solid #ddd; /*border-top: 1px solid #ddd; border-left: 1px solid #ddd;*/ }
.table tbody td.gray { background: #f8f8f8; }
.table tbody tr>td:first-child { /*border-left: 0; */}
.table td.indent { padding-left: 20px; }
.table .border-left { border-left: 1px solid #e5e5e5; }
.table-wrap span.note { position: absolute; right: 0; top: 0; }
.table-wrap .note { margin-top: 10px; font-size: 0.929em; }
.table.board { table-layout: fixed; }
.table.open thead th{background:#fff;border-left:0;}
.table.open td{border-left:0;}
.table.open tbody tr{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.table.open tbody tr:hover{background-color:#f8f8f8;}
/* 기본리스트 */
ul.arrow { margin-bottom: 15px; }
td ul.arrow { margin-bottom: 0; }
ul.arrow>li,
p.arrow { background: url("../../images/korean/sub/arrow_right.gif") no-repeat 0 5px; padding-left: 20px; margin-bottom: 5px; line-height: 1.5; }
ul.arrow li:last-child { margin-bottom: 0; }
ul.arrow .lstyle-dot li { font-size: 0.929em; }
.lstyle-dot li { padding-left: 10px; position: relative;word-break:keep-all }
.lstyle-dot li:before { content: ""; display: block; background-color: #7e8ca5; width: 3px; height: 3px; position: absolute; left: 0; top: 7px; }

/* 숫자리스트 2018-12-14 jmsong*/
.num-list{}
.num-list li{position:relative;padding-left:26px}
.num-list li + li{margin-top:6px}
.num-list li .num{position:absolute;left:0;top:0;width:20px;height:20px;background-color:#2956a6;border-radius:50px;text-align:center}
.num-list li .num > em{color:#fff;line-height:20px;font-size:14px}

/* 들여쓰기 */
.indent { margin-left: 30px; }
.outdent { margin-left: -30px; }
h5 + .arrow,
.h5 + .arrow { margin-left: 30px; }
/* panel */
.panel-group { overflow: hidden; }
.panel { border: 1px solid #e1e1e1; float: left; }
.panel + .panel { margin-left: 20px; }
.panel-title { background: #f6f6f6; border-bottom: 1px solid #e1e1e1; padding: 15px 0; text-align: center; font-size: 18px; color: #424242; font-weight: bold; }
.panel-con { padding: 12px 20px; background-color: #fff; }
.panel-title span { display: block; color: #909090; font-size: 14px; font-weight: normal; }
/* 외부링크 */
a .fa-external-link { margin-left: 5px; margin-right: 5px; }
/* 여백 */
.arrow + .box { margin-top: 20px; }
.box + p { margin-top: 20px; }
.desc { font-size: 1.143em; }
.blank { color: #417bbc; }
/* 검색 */
.search { font-size: 0.929em; }
.search select,
.search input[type="text"] { border: 0; min-height: 32px; padding: 3px; }
.search input[type="text"] { width: 40%; margin-left: 5px; }
.search input[type="image"] { margin-left: -25px; }
.border-left{border-left:1px solid #ddd!important;}

/* ======================================== 콘텐츠 - 전시Space ======================================== */

/* 이용안내 */
.open-time { overflow: hidden; }
.open-time li { float: left; width: 50%; }
#use-info .open-time li em { color: #2956a6; font-size: 20px; padding-top: 34px; }
#use-info .open-time li:last-child em { color: #37a8bc; padding-top: 20px; }
.open-time p span { display: block; color: #2956a6; font-weight: 600; }
#use-info .lstyle-dot.grid2 { overflow: hidden; }
#use-info .lstyle-dot.grid2 li { width: 50%; float: left; }
#use-info .program { margin-left: -20px; overflow: hidden; }
#use-info .program > li { width: 50%; float: left; padding: 0 0 50px 20px; position: relative; }
#use-info .program > li > div { width: 100%; height: 240px; border: 1px solid #ddd; background: #fff; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05); padding: 30px; position: relative; }
#use-info .program li>div .arrow { overflow: hidden; display: block; width: 20px; height: 27px; position: absolute; bottom: -27px; left: 130px; }
#use-info .program li>div .arrow:after { content: ""; display: block; width: 20px; height: 27px; position: absolute; left: 0; top: 0; transform: skewY(-53deg); transform-origin: left bottom; background: #fff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 3px 4px 3px 0px rgba(0,0,0,0.05); }

#use-info .program strong { font-size: 18px; color: #333; display: block; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
#use-info .program em { color: #333; }
#use-info .program .more { position: absolute; right: 30px; top: 38px; }
#use-info .program .more span { font-size: 14px; line-height: 1; display: inline-block; vertical-align: middle; }
#use-info .program .more [class^="icon-"] { font-size: 12px; line-height: 1; color: #999; display: inline-block; vertical-align: middle; margin-left: 10px; }
#use-info .program li>[class^="icon-"]{left:50px;bottom:15px;}

.facilities { overflow: hidden; margin-left: -20px; }
.facilities>li { float: left; width: 48%; height: 550px; margin: 20px 0 20px 20px; overflow: hidden; border-bottom: 1px solid #555; }
.photo-list>li img{width:100%;height:376px;}
.facilities .bx-wrapper { position: relative; }
.facilities .bx-controls { position: absolute; right: 0; bottom: 5px; width: 95px; }
.facilities .bx-pager { margin-left: 27px; line-height: 1; }
.facilities .bx-pager .separator { display: inline-block; vertical-align: top; width: 1px; height: 13px; border-left: 1px solid #e0e0e0; margin: 0 8px; }
.facilities .bx-pager:first-letter { color: #2956a6; font-weight: 600; }
.facilities .bx-pager-item .bx-pager-link.active { color: #2956a6; font-weight: 600; border-right: 1px solid #e0e0e0; padding-right: 10px; margin-right: 10px; }
.facilities .bx-controls-direction { position: absolute; right: 0; bottom: 2px; width: 100%; }
.facilities .bx-controls-direction>a { float: left; background: url("../../images/korean/sub/controls_arrow.png") no-repeat 0 0; display: block; width: 10px; height: 14px; font-size: 0; }
.facilities .bx-controls-direction .bx-next { background-position: -10px 0; float: right; }
#use-info .title { overflow: hidden; margin-bottom: 30px; }
#use-info .title em { float: left; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 10px 0; font-size: 32px; text-align: center; color: #333; margin-right: 23px; font-family: "NanumSquare"; font-weight: 600; padding-top: 25px;background-color:#fff; }

#use-info .title p { margin-bottom:0; }
.facilities .img-title { font-size: 16px; color: #333; display: block; margin-top: 10px; }
.help-desk { overflow: hidden; }
.help-desk li { float: left; margin-left: 30px; }
.help-desk li:first-child { margin-left: 0; }
.help-desk i { color: #555; font-size: 20px; margin-right: 5px; }
.help-desk strong { color: #555; font-size: 16px; }

/* 관람코스 */
.course-nav { overflow: hidden; position: relative; margin-bottom:40px;transition:all 0.5s ease;}
.course-nav ul{padding-left:110px;text-align:center;}
.course-nav li:first-child{margin-left:0;}
.course-nav li { display:inline-block; margin-left: 65px; position: relative; z-index: 2;padding-bottom:18px; }
.course-nav li a { display: block; background-color: #7e8ca5; color: #fff; border-radius: 65px; width: 130px; height: 130px; text-align: center; padding-top: 35px; }
.course-nav li.active a { background-color: #2955a6; }
.course-nav li.active a:after{content:"";display:block;width:0;border:10px solid transparent;border-top:18px solid #2955a6;position:absolute;left:50%;bottom:-9px;margin-left:-9px;}


.course-nav:after { content: ""; display: block; width: 100%; height: 1px; border-top: 1px dashed #a1a1a1; position: absolute; left: 50%; top: 67px; z-index: 1;-webkit-transform:translateX(-50%);transform:translateX(-50%);}

.course-nav li a strong { display: block; font-size: 24px; }
.course-nav li a span { font-size: 15px; }
.course-nav ul:before { content: ""; display: block; width: 36px; height: 36px; position: absolute; z-index: 2; left: 1px; top: 50px; border-radius: 18px; background-color: #2956a6; border: 10px solid #fff; box-shadow: 0 0 0 1px #2956a6; }

.course-nav ul:after { content: ""; display: block; width: 36px; height: 36px; position: absolute; z-index: 2; right: 1px; top: 50px; border-radius: 18px; background-color: #2956a6; border: 10px solid #fff; box-shadow: 0 0 0 1px #2956a6;}
.course{display:none;margin-bottom:60px;}
.course.active{display:block;}

#watching-course [class^="icon-"] { display: block; width: 65px; height: 60px; margin: 10px auto 5px; background-repeat: no-repeat; background-position: center center; }
#watching-course >p{text-align:center;background-color:#fff;padding:10px 0;}
.icon-exhibit { background-image: url("../../images/korean/common/icon_exhibit.svg") }
.icon-plan { background-image: url("../../images/korean/common/icon_plan.svg") }
.icon-3d { background-image: url("../../images/korean/common/icon_3d.svg") }
.icon-dom4d { background-image: url("../../images/korean/common/icon_dom4d.svg") }
.icon-outdoor { background-image: url("../../images/korean/common/icon_outdoor.svg") }

/* 동그라미 배경안에 흰색 아이콘 */
.icon-exhibit.white { background:#2956a6 url("../../images/korean/common/icon_exhibit_white.svg") }
.icon-plan.white { background:#37a8bc url("../../images/korean/common/icon_plan_white.svg")  }
.icon-3d.white { background:#7e8ca5 url("../../images/korean/common/icon_3d_white.svg")  }
.icon-dom4d.white { background:#da294f url("../../images/korean/common/icon_dom4d_white.svg")  }
.icon-outdoor.white { background:#85bc37 url("../../images/korean/common/icon_outdoor_white.svg")  }
[class^="icon-"].white{width: 70px; height: 70px; border-radius: 35px;background-repeat: no-repeat; background-position: center center; position: absolute;}

/* 상설전시관 */
.exhibition-intro{overflow:hidden;padding:0;margin-bottom:40px;}
.exhibition-intro .floor{float:left;padding:30px 10px 30px 40px;width:60%; min-height:260px; position:relative;font-family:"NanumSquare";}
.exhibition-intro .floor.inline{float:none;width:100%;}
.exhibition-intro .floor .title{margin-top:20px;}
.exhibition-intro .floor-img{position:relative;text-align:center;width:324px;margin:20px auto 0;}
.exhibition-intro .floor.inline .floor-img{float:left;margin:0;}
.exhibition-intro .floor-img strong{position:absolute;left:130px;top:130px;color:#000;font-size:16px;text-align:center;}
.exhibition-intro .floor-img span{color:#da294f;font-size:32px;display:block;}
.exhibition-intro .floor em{right:30px;top:30px;}
.exhibition-intro .exterior{float:right;border-left:1px solid #ddd;}
.exhibition-intro .exterior strong{display:block;padding:15px 0;text-align:center;color:#333;background:#f8f9fb;font-size:16px;}

.exhibition-intro .floor1{float:left;padding:30px 10px 30px 40px;width:100%; min-height:260px; position:relative;font-family:"NanumSquare";}
.exhibition-intro .floor1.inline{float:none;width:100%;}
.exhibition-intro .floor1 .title{margin-top:20px;}
.exhibition-intro .floor1.inline .floor-img{float:left;margin:0;}
.exhibition-intro .floor1 em{right:30px;top:30px;}

.exhibition-title{border:1px solid #ddd;border-top:1px dashed #a1a1a1;display:table;margin-top:30px;}
.exhibition-title>li{display:table-cell;width:1%;background-color:#f8f9fb;border-left:1px solid #ddd;position:relative;}
.exhibition-title>li:first-child{border-left:0;}
.exhibition-title>li:before { content: ""; display: block; width: 36px; height: 36px; position: absolute; z-index: 2; left: 50%; top: -18px; margin-left:-18px;border-radius: 18px; background-color: #2956a6; border: 10px solid #fff; box-shadow: 0 0 0 1px #2956a6; }
.exhibition-title>li:nth-child(1):before { background-color: #2956a6;box-shadow: 0 0 0 1px #2956a6; }
.exhibition-title>li:nth-child(2):before { background-color: #38a8be;box-shadow: 0 0 0 1px #38a8be; }
.exhibition-title>li:nth-child(3):before { background-color: #d92b50;box-shadow: 0 0 0 1px #d92b50; }
.exhibition-title>li:nth-child(4):before { background-color: #7e8da4;box-shadow: 0 0 0 1px #7e8da4; }
.exhibition-title>li:nth-child(5):before { background-color: #84bc35;box-shadow: 0 0 0 1px #84bc35; }
.exhibition-title strong{display:block;border-bottom:1px solid #ddd;padding:30px 0 20px;text-align:center;font-size:18px;font-weight:400;color:#333;background-color:#fff;}
.exhibition-title .lstyle-dot{padding:20px;min-height:128px;}
.exhibition-con{margin-left:-20px;}
.exhibition-con li{float:left;width:50%;margin-bottom:20px;padding-left:20px;}
.exhibition-con li.full{width:100%;}
.exhibition-con .box{border-radius:0 20px;min-height:500px;text-align:center;}
.exhibition-con .box.no-text{min-height:375px;}
.exhibition-con .box.text3{min-height:450px;}
.exhibition-con .box strong{display:block;font-size:20px;color:#333;font-weight:400;text-align:center;border-bottom:1px solid #ddd;padding-bottom:15px;letter-spacing:-0.5px;}
.exhibition-con .box img{margin:15px 0;}
.exhibition-con .box p{width:411px;margin:0 auto;text-align:left;}

/* 4D 영상관 */
.cyber-tour{background-color:#7e8ca5;color:#fff;padding:10px 20px;display:block;width:140px;margin:0 auto;border-radius:0 10px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.cyber-tour:hover{background:#505f7a;}
.screen-info{overflow:hidden;margin-bottom:20px;}
.screen-info>li{width:30%;height:208px;float:left;text-align:center;border-top:1px solid #555;border-bottom:1px solid #ddd;}
.screen-info>li + li{margin-left:45px;}
.screen-info .title{display:block;position:relative;padding-top:15px;text-align:center;margin:50px 10px 20px; font-size:20px; color:#333;font-family:"NanumSquare"}
.screen-info .title:after{ content: ""; display: block;  width: 22px;  height: 4px;  background-color: #333;  position: absolute;  left: 50%;  top: 0;margin-left:-11px;}
.screen-info .title + p{font-size:20px;}
.screen-info .time-wrap{overflow:hidden;width:165px;display:inline-block;}
.screen-info .time{margin-left:-20px;}
.screen-info .time li{float:left;}
.screen-info .time li:before{content:"";display:inline-block;width:1px; height:10px;border-right:1px solid #ddd;margin:0 10px}
.precaution{border-top:1px solid #ddd;padding-top:15px;background-color:#fff;}
.precaution .icon-warning{display:inline-block;width:24px;height:24px;background:url("../../images/korean/sub/icon_warning.gif") no-repeat 0 0;margin-right:10px;}
.precaution .chart{margin-top:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding-bottom:25px;margin-bottom:20px;}
.precaution .chart li{display:inline-block;width:130px;vertical-align:top;}
.precaution .chart li:before{content:"";display:block;width:1px;height:30px;background:#ddd;margin:0 auto;}
.precaution .chart span{display:block;width:37px;height:37px;background:#da294f;color:#fff;border-radius:19px;padding-top:8px;margin:0 auto 20px;}
.precaution-list{overflow:hidden;padding:0 20px;}
.precaution-list li{width:50%;float:left;}
.precaution-list span{color:#333;font-weight:600;margin-right:5px;}
.precaution .warning{background-color:#f8f9fb;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:24px;overflow:hidden;margin-top:25px;}
.precaution .warning li{float:left;width:50%;}
.movie-con{margin:0 0 0 -20px;}
.movie-con li{float:left;width:50%;padding:30px 0 20px 20px;}
.movie-con .box{border-radius:3px;border:1px solid #ddd;background:url("../../images/korean/sub/film_pattern.gif") repeat-x 0 0, url("../../images/korean/sub/film_pattern.gif") repeat-x 0 bottom;box-shadow:3px 3px 3px 0 rgba(0,0,0,0.05);min-height:248px;height:auto!important;padding-left: 23px;padding-right: 23px;position:relative;}
.movie-con .box:after{content:"";display:block;clear:both;}
.movie-con .box strong{font-size:18px;color:#333;font-weight:400;display:block;margin-bottom:10px;}
.movie-con .box p{width:70%;float:left;}
.movie-con .box .this-week{position:absolute;left:30px;top:190px;color:#333;font-size:16px;}
.movie-con .box .this-week i{color:#da294f;font-size:20px;margin-right:10px;}
.movie-con .box img{margin:-52px 20px 0 0;float:left;}

.movie-con li.full{width:100%;}
.movie-con li.full .box{min-height:inherit;padding-bottom:35px;}
.movie-con li.full .box p{width:710px;float:left;}

/* 특별전 */
.font-emphasis{font-size:18px;color:#333;}
.list {border-top:1px solid #555;}
.list>li{overflow:hidden;border-bottom:1px solid #ddd;padding:25px 0 25px 30px;position:relative;}
.list.thumb img{float:left;width:339px;}
.list.thumb.science-school img{width:405px;}
.list.thumb .txt{float:left;width:750px;margin-left:50px;}
.list.thumb.science-school .txt{width:60%;}
.list.thumb .txt .title{display:block;font-size:22px;color:#333;margin-bottom:5px;font-weight:600;}
.list.thumb .txt .date{display:block;margin-bottom:15px;color:#2956a6;}
.list.thumb .txt .date .icon-calendar{font-size:16px;}
.list.thumb .txt p,
.list.thumb .txt .lstyle-dot{border-top:1px solid #eee;margin-top:15px;padding-top:15px;}
.list.thumb .txt .lstyle-dot li{margin-bottom:3px;}
.list.thumb .txt .lstyle-dot span{display:inline-block;width:70px;color:#2956a6;}
.list .state{position:absolute;left:20px;top:25px;color:#fff;width:70px;height:30px;line-height:30px;text-align:center;border-radius:0 10px;}
.list .state.end{background-color:#7e8ca5;}
.list .state.ing{background-color:#00a8a5;}
#searchkeyword{width:370px;}

/* ======================================== 콘텐츠 - 교육Space ======================================== */

/* 과학교실 */
.board-title{border-top:1px solid #555;border-bottom:1px solid #ddd;padding-bottom:15px;}
.board-title .title{display:block;font-size:22px;color:#333;text-align:center;border-bottom:1px solid #ddd;padding:15px 0;margin-bottom:20px;}
.board-title .lstyle-dot li{margin-left:30px;}
.board-title .lstyle-dot li span{color:#222;margin-right:10px;}
.board-title .board-util{float:right;margin:-10px 20px 0 0;}
.board-util li{display:inline-block;}
.board-util a{display:block;border-radius:18px;width:36px;height:36px;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-util a:hover{transform:rotateY(180deg);}
.board-util .bg-facebook{background-color:#4862a3;}
.board-util .bg-blog{background-color:#48aa67;}
.board-util .bg-photo{background-color:#e88714;}
.board-util .bg-print{background-color:#90a0b3;}
.board-util a span{display:inline-block;width:18px; height:18px;margin-top:8px; background:url("../../images/korean/sub/board_util.png") no-repeat 0 0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-util a:hover span{transform:rotateY(-180deg);}
.board-util a .icon-blog{background-position:-18px 0;}
.board-util a .icon-photo{background-position:-36px 0;}
.board-util a .icon-print-white{background-position:-54px 0;}

.board-con{overflow:hidden;padding:25px 0 25px 30px;border-bottom:1px solid #ddd;}
.science-school img{width:405px;float:left;border:1px solid #ddd;}
.science-school .txt{width:470px;float:left;margin-left:30px;}
.science-school .txt .title{font-size:18px;color:#333;font-weight:normal;}
.science-school .txt .lstyle-dot{margin-top:15px;}
.science-school .txt .lstyle-dot li{margin-bottom:3px;}
.science-school .txt .lstyle-dot span{display:inline-block;width:70px;color:#2956a6;}

/* 갤러리 */
.board-con.gallery.science-school img{width:auto;float:none;}


.board-foot{margin-top:30px;text-align:center;position:relative;}
.board-foot .icon-arrow-circle-left{display:inline-block;font-size:30px;color:#999;margin-right:10px;}
.board-foot .icon-arrow-circle-right{display:inline-block;font-size:30px;color:#999;margin-left:10px;}
.board-foot .prev{position:absolute;left:10px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-foot .next{position:absolute;right:10px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-foot .prev:hover{left:0;}
.board-foot .next:hover{right:0;}
.board-foot .btn-default{display:inline-block;border:1px solid #ddd;border-radius:0 10px;width:100px;height:40px;text-align:center;padding-top:10px;margin:0 auto;}
.board-foot .btn-default:hover{background:#8a8f98;color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-foot input.btn-default{padding-top:0;}

/* 인증프로그램 */
.auth-program-info{min-height:324px;padding-right:290px;background:url("../../images/korean/sub/education02_pic01.png") no-repeat right 0;}
.auth-program-info > .title{display:block;font-size:18px;color:#333;padding-top:20px;}
.auth-program-info > p{margin-bottom:20px;}
.auth-program-info > p + .title{border-top:1px dashed #ddd;}

.auth-program ul{margin:0 0 20px -20px;overflow:hidden;}
.auth-program ul li {padding-left:20px;float:left;width:25%;}
.auth-program li .box{border-radius:20px;height:220px;padding:19px;background-repeat:no-repeat;background-position:110px 105px;}
.auth-program .box .title{font-size:16px;color:#333;display:block;}
.auth-program .box .time{font-size:20px; color:#767676;}
.auth-program .box .time strong{font-size:30px;color:#da294f;font-family:"Lato";font-weight:600;}
.auth-program ul li:nth-child(1) .box{background-image:url("../../images/korean/sub/education02_picto01.gif");}
.auth-program ul li:nth-child(2) .box{background-image:url("../../images/korean/sub/education02_picto02.gif");}
.auth-program ul li:nth-child(3) .box{background-image:url("../../images/korean/sub/education02_picto03.gif");}
.auth-program ul li:nth-child(4) .box{background-image:url("../../images/korean/sub/education02_picto04.gif");}
.auth-program p{border-radius:20px;background-color:#f8f9fb;text-align:center;}
.auth-program p span{color:#2956a6;}
.space-camp-schedule{background-color:#f8f9fb;border:1px solid #ddd;padding:50px 70px;}
.space-camp-schedule table{width:100%;}
.space-camp-schedule th{font-family:"NanumSquare";vertical-align:bottom;padding-bottom:5px;}
.space-camp-schedule thead th{font-size:18px;color:#000;}
.space-camp-schedule .day{position:relative;display:inline-block;margin-bottom:15px;}
.space-camp-schedule .day:after{content:"";display:block;width:15px;height:15px;border-radius:8px;background-color:#7e8ca5;position:absolute;left:50%;bottom:-27px;margin-left:-8px;}
.space-camp-schedule .line-dash{border-top:1px dashed #a1a1a1;padding-top:20px;}

.space-camp-schedule td{padding:5px;}
.space-camp-schedule .box.title{width:95px;border-radius:0 20px;color:#fff;font-size:20px;font-weight:bold;text-align:center;padding-top:70px;border:0;}
.space-camp-schedule .box.night0{background-color:#9aa7be;padding-top:90px;}
.space-camp-schedule .box.night1{background-color:#2956a6;}
.space-camp-schedule .box.night2{background-color:#37a8bc;height:274px;padding-top:100px;}
.space-camp-schedule .box{border-radius:20px;width:100%;height:204px;}
.space-camp-schedule .box.box-night2{height:274px;}


/* ======================================== 콘텐츠 - 소통Space ======================================== */
.notice{display:inline-block;background-color:#a7aaaf;color:#fff;border-radius:0 10px;height:26px;padding:2px 5px;text-align:center;}
.notice + a{margin-left:10px;}
.notice.ing{width:60px;background-color:#00a8a5;}
.notice.end{width:60px;background-color:#7e8ca5;}
.attach{border-top:1px solid #ddd;margin-top:15px;padding-top:15px;}
.box.gray #board-search-word + input.submit{ background-color: #5d5e61;color: #fff;    padding: 7px 25px;    font-size: 14px;    display: inline-block;    vertical-align: middle;    margin-right: 7px;}

.list.gallery>li{float:left;width:33.33%;}
.list.gallery .title{display:block;width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;margin:15px 0 5px;}
.list.gallery .date{color:#767676;}

.family-site{overflow:hidden;margin-left:-50px;}
.family-site li{width:33.33%;float:left;margin-bottom:40px;padding-left:50px;}
.family-site li a{display:block;border-top:1px solid #555;border-bottom:1px solid #b1b1b1;}
.family-site li p{background-color:#fff;text-align:center;padding:13px 0;margin:0;}
.family-site .title{display:block;padding:10px 16px;font-size:17px;color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.family-site .title span{font-size:10px;display:inline-block;vertical-align:middle;float:right;width:20px;height:20px;background:#fff;border:1px solid #b1b1b1;border-radius:20px;padding:2px 0 0 4px;color:#b1b1b1;
-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.family-site a:hover .title span{margin-right:-5px;background-color:#8a8f98;color:#fff;border-color:#fff;transform:scale(1.2);}
.family-site a:hover .title span:before{font-weight:bold;}
.family-site .site{display:block;background-color:#f8f9fb;color:#767676;padding:10px 15px;}

/* ======================================== 콘텐츠 - 과학관소개 ======================================== */
.inst-info{overflow:hidden;margin-bottom:60px;}
.inst-info img{margin-bottom:45px;width:100%;}
.inst-info .slogan{float:left;width:350px;margin-right:50px;border-bottom:3px solid #e1e1e1;padding-bottom:70px;}
.inst-info .slogan strong{font-size:30px;color:#000;font-family:"NanumSquare";display:block;margin-bottom:10px;}
.inst-info .slogan p{font-size:18px;color:#767676;}
.inst-info .info-text{float:left;width:800px;}
.inst-info .info-text strong{display:block;font-size:18px;color:#222;margin-bottom:15px;}
.inst-info .info-text p{line-height:2;}

.movie-wrap{border:1px solid #ddd;width:100%;height: 539px;float:left;}
.movie-wrap .movie{padding:29px;}
.movie-wrap .movie video{width:100%;height:490px;}
.movie-player-help{padding:29px;background-color:#fafafa;height:211px;border-top:1px solid #ddd;}
.movie-player-help .title{display:block;font-size:18px;color:#333;margin-bottom:12px;background:url("../../images/korean/sub/icon_warning_red.png") no-repeat 0 3px;padding-left:30px;}
.movie-player-help a{display:block;padding:15px 0;background-color:#bec0c3;color:#fff;text-align:center;margin-top:20px;}
.movie-textarea { width: 710px; height: 539px; padding:40px 30px; float:right; overflow-y: auto;border:1px solid #ddd;border-left:0;}
.movie-textarea p{line-height:2;margin-bottom:20px;}

.greeting {overflow:hidden;margin-bottom:50px;}
.greeting .title{font-size:22px;font-family:"NanumSquare";color:#000;display:block;margin-bottom:10px;}
.greeting img.float-left{margin-right:35px;}
.greeting p{line-height:2;}
.greeting img.float-right{margin-left:35px;}
.greeting .welcome{font-size:18px;font-family:"NanumSquare";color:#2955a6;font-weight:600;}

.establish{overflow:hidden;padding-left:50px;padding-right:50px;margin-bottom:40px;}
.establish .title{font-size:20px;color:#000;font-family:"NanumSquare";display:block;margin:30px 0 10px;}
.establish div{width:380px;}
.history{overflow:hidden;background-color:#fff;padding:30px;margin-bottom:40px;}
.history>li>.year{display:block;color:#a7aaaf;font-size:18px;margin:10px 0;font-family:"Lato";}
.history>li{width:32.7%;float:left;margin-bottom:40px;}
.history>li>div{display:block;margin-left:-1px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:40px 19px 19px 19px;min-height:395px;background:url("../../images/korean/sub/history_pattern.gif") repeat-x 0 0;}

.history div>.year{display:block;color:#333;font-size:26px;font-family:"Lato";margin:10px 0;}
.history .month{display:inline-block;color:#555;font-size:15px;font-weight:bold;font-family:"Lato";margin-right:8px;}

.btn-default{border-radius:0 10px;border:1px solid #ddd;padding:5px 10px 7px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background-color:#fff;}
.btn-default span{line-height:1;display:inline-block;vertical-align:middle;}
.btn-default .icon-arrow-right{font-size:10px;margin-left:5px;}
.btn-default:hover{background:#8a8f98;color:#fff;border:1px solid #8a8f98;}
.btn-default.dark{background:#555;border-color:#555;color:#fff;}


.facilities-wrap{overflow:hidden;}
.facilities-info{width:50%;float:left;}
.main-facilities{width:50%;position:relative;float:right;}
.main-facilities .btn-default{position:absolute;right:0;top:0;}

.box.map{padding:10px;margin-bottom:40px;}
.box.map .logo{margin-top:15px;}
.root_daum_roughmap_landing{width:100%!important;}
.map-info{width:720px;margin:37px auto 37px;overflow:hidden;}
.map-info .help-desk{float:left;margin-left:70px;}
.map-info .help-desk li{float:none;margin-left:0;}
.map-info .logo{float:left;}
.transport{background-color:#fff;}
.transport>li>span{display:inline-block;vertical-align:middle;width:140px;}
.transport [class^="icon-"]{display:inline-block;vertical-align:middle;margin-right:12px;width:37px;height:39px;background:url("../../images/korean/sub/map_transport.gif") no-repeat 0 0;}
.transport .icon-bus{background-position:0px 0;}
.transport .icon-ktx{background-position:-37px 0;}
.transport .icon-airplane{background-position:-74px 0;}
.transport strong{font-size:18px;color:#333;vertical-align:middle;}

.transport ul{display:inline-block;vertical-align:middle;}
.transport ul .title{color:#2956a6;margin-right:10px;}
.tour .title{margin-top:10px;}


.sitemap{position:relative;}
.sitemap
.sitemap>ul{background-color:#f8f8f8;overflow:hidden;}
.sitemap>ul>li:first-child{margin-left:0;}
.sitemap>ul>li{margin-left: 30px;display: inline-block;border-top: 3px solid #d9294f;width: 22.8%;/* float:left; */padding-top: 30px;background-color:#fff;}
.sitemap>ul>li p{text-align:center;}
.sitemap>ul>li .title{color:#000;font-family:"NanumSquare";font-size:18px;font-weight:600;display:block;text-align:center;}
.sitemap .sitemap-sub{
	margin-top: 30px;
	overflow:hidden;
	width: 100%;
	padding:0 30px;
	height:500px;
	padding-top:40px;
	padding-bottom:40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
.sitemap>ul>li:last-child .sitemap-sub{/* border-right:1px solid #ddd */}
.sitemap .sitemap-sub>li>a{font-size:17px; color:#333;line-height:1.25;display:block;margin-top:10px;}
.sitemap .sitemap-sub>li>a:before{content:"";display:inline-block;vertical-align:middle;width:14px;height:3px;margin-right:12px;background-color:#d6294d;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.sitemap .sitemap-sub>li .title{color:#fff;display:block;margin-top:10px;}

.sitemap .sitemap-sub>li:first-child>a{margin-bottom:0;}
.sitemap .sitemap-sub>li>a:hover{font-weight:600;}
.sitemap .sitemap-sub>li>a:hover:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.sitemap .sitemap-sub ul {margin:15px 0 27px 23px;}
.sitemap .sitemap-sub ul>li>a{font-size:15px;color:#767676;line-height:1.25;display:block;margin-top:10px;}
.sitemap .sitemap-sub ul>li>a:before{content:"";display:inline-block;vertical-align:middle;width:9px;height:3px;margin-right:12px;background-color:#b8b8b8;}
.sitemap .sitemap-sub ul>li>a:hover{color:#2955a6;}
.sitemap .sitemap-sub ul>li>a:hover:before{background-color:#2955a6;}


/* 관람예약 추가 - 2016.07.05 조정연 */
.tabmenu1 {display:table;width:100%;height:1100px;position:relative;}
.tabmenu1>li{display:table-cell;width:1%;}
.tabmenu1>li>a{display:block;background-color:#f8f8f8;border:1px solid #ddd;text-align:center;padding:15px 0;}
.tabmenu1>li.active{}
.tabmenu1>li.active>a{background-color:#2955a6;border:1px solid #2955a6;color:#fff;}
.tabmenu1>li .tab-con{display:none;position:absolute;left:0;top:53px;width:100%;padding:40px;border:1px solid #ddd;}
/*.tabmenu1>li .tab-con > div{text-align:center;}*/
.tabmenu1>li.active .tab-con{display:block;}

.tabmenu {display:table;width:100%;height:1100px;position:relative;}
.tabmenu>li{display:table-cell;width:1%;}
.tabmenu>li>a{display:block;background-color:#f8f8f8;border:1px solid #ddd;text-align:center;padding:15px 0;}
.tabmenu>li.active{}
.tabmenu>li.active>a{background-color:#2955a6;border:1px solid #2955a6;color:#fff;}
.tabmenu>li .tab-con{display:none;position:absolute;left:0;top:53px;width:100%;padding:40px;border:1px solid #ddd;}
/*.tabmenu>li .tab-con > div{text-align:center;}*/
.tabmenu>li.active .tab-con{display:block;}


.tab-con h4{background:none;padding-left:0;}
.tab-con .tabmenu1{height:auto;}
.tab-con .tabmenu1>li>a{margin-left:-1px;padding:10px 0;background:none;}
.tab-con .tabmenu1>li.active>a{background-color:#555;}
.table.time{width:100%;margin-left:0;}
.table.time thead th{background:none;}
.table.time tbody tr:nth-child(odd){background-color:#fafafa;}
.tab-con .text-area{border:1px solid #ddd;height:220px;overflow:auto;padding:10px 30px;margin-bottom:10px;}
.tab-con .text-area pre{font-family: "NanumGothic";width:780px; white-space:pre-line; }

.reservation-next{display:none;}
.reservationName,
.reservationBirth{width:140px;}
.companion{margin-top:10px;}
.companion li{margin-bottom:10px;}
.companion .btn.plus{background-color:#999;color:#fff;}
.companion .btn.minus{background-color:#fff;color:#5d5e61;border:1px solid #ddd;}
.companion .btn span{font-size:21px;font-weight:bold;vertical-align:middle;margin-right:5px;text-decoration:none;line-height:1;}
.lookup{background-color:#f8f8f8;text-align:center;}
.lookup strong{color:#333;margin-right:15px;}
#lookupName{width:140px;margin-right:60px;}
.companion .btnplus	{background-color:#999;color:#fff;border:0;padding:7px 25px;margin-left:10px;}
.companion .btnplus span{font-size:21px;font-weight:bold;vertical-align:middle;margin-right:5px;text-decoration:none;line-height:1;}
.companion .btnminus	{background-color:#fff;color:#5d5e61;border:1px solid #ddd;padding:7px 25px;margin-left:10px;}
.companion .btnminus span{font-size:21px;font-weight:bold;vertical-align:middle;margin-right:5px;text-decoration:none;line-height:1;}


.form-inline .form-control.hp-num{width:60px;margin:0 5px;}

.lookup .btn{background-color:#2955a6;color:#fff;border:0;padding-top:8px;padding-bottom:8px;margin-left:10px;}

.facilities .bx-viewport {
    height: 410px !important;
}

/* 견학안내 2018-12-14 jmsong */
.img-list{position:relative;margin:0 auto}
.img-list li{float:left;padding:0 24px}
.img-list li:first-of-type{padding-left:0}
.img-list:after, .img-list li:after{clear:both;display:block;content:''}
.img-list li .img-tit{position:relative;width:250px;height:48px;background-color:#2956a6;border-radius:50px;line-height:48px;text-align:center;color:#fff;font-size:16px}
.img-list li .img-tit:after{position:absolute;right:-37px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:block;width:30px;height:26px;background:url('/narospacecenter/images/korean/sub/sub_arrow.png')no-repeat 0 0;content:''}
.img-list li:last-of-type .img-tit:after{display:none}
.img-list li .img{width:250px;overflow:hidden;border-radius:10px}
.img-list li .img img{width:100%}