@charset "utf-8";
.mal3{margin-left:3px !important} .mal5{margin-left:5px !important} .mal10{margin-left:10px !important} .mal15{margin-left:15px !important} .mal20{margin-left:20px !important} .mal25{margin-left:25px !important} .mal30{margin-left:30px !important} .mal35{margin-left:35px !important} .mal40{margin-left:40px !important} .mal50{margin-left:50px !important} .mal55{margin-left:55px !important} .mal60{margin-left:60px !important} .mal65{margin-left:65px !important} .mal70{margin-left:70px !important} .mal75{margin-left:75px !important} .mal80{margin-left:80px !important} .mal90{margin-left:90px !important}
.mal100{margin-left:100px !important} .mal120{margin-left:120px !important} .mal130{margin-left:130px !important} .mal140{margin-left:140px !important} .mal150{margin-left:150px !important}
.mal-5{margin-left:-5px !important} .mal-10{margin-left:-10px !important} .mal-15{margin-left:-15px !important} .mal-20{margin-left:-20px !important} .mal-25{margin-left:-25px !important} .mal-30{margin-left:-30px !important} .mal-35{margin-left:-35px !important} .mal-40{margin-left:-40px !important} .mal-45{margin-left:-45px !important} .mal-50{margin-left:-50px !important} .mar0{margin-right:0 !important} .mar5{margin-right:5px !important} .mar10{margin-right:10px !important} .mar15{margin-right:15px !important} .mar20{margin-right:20px !important} .mar25{margin-right:25px !important} .mar30{margin-right:30px !important} .mar35{margin-right:35px !important} .mar40{margin-right:40px !important} .mar45{margin-right:45px !important} .mar50{margin-right:50px !important} .mar55{margin-right:55px !important} .mar60{margin-right:60px !important} .mar70{margin-right:70px !important} .mar80{margin-right:80px !important} .mar90{margin-right:90px !important}
.mar100{margin-right:100px !important} .mar120{margin-right:120px !important} .mar130{margin-right:130px !important} .mar140{margin-right:140px !important} .mar150{margin-right:150px !important}
.mab0{margin-bottom:0 !important} .mab5{margin-bottom:5px !important} .mab10{margin-bottom:10px !important} .mab15{margin-bottom:15px !important} .mab20{margin-bottom:20px !important} .mab25{margin-bottom:25px !important} .mab30{margin-bottom:30px !important} .mab35{margin-bottom:35px !important} .mab40{margin-bottom:40px !important} .mab45{margin-bottom:45px !important} .mab50{margin-bottom:50px !important} .mab70{margin-bottom:70px !important}
.mat0{margin-top:0 !important} .mat5{margin-top:5px !important} .mat10{margin-top:10px !important} .mat15{margin-top:15px !important} .mat20{margin-top:20px !important} .mat25{margin-top:25px !important} .mat30{margin-top:30px !important} .mat35{margin-top:35px !important} .mat40{margin-top:40px !important} .mat45{margin-top:45px !important} .mat50{margin-top:50px !important} .mat60{margin-top:60px !important} .mat70{margin-top:70px !important} .mat80{margin-top:80px !important} .mat90{margin-top:90px !important}
.mat-5{margin-top:-5px !important} .mat-10{margin-top:-10px !important} .mat-15{margin-top:-15px !important} .mat-20{margin-top:-20px !important} .mat-25{margin-top:-25px !important} .mat-30{margin-top:-30px !important} .mat-35{margin-top:-35px !important} .mat-40{margin-top:-40px !important} .mat-45{margin-top:-45px !important} .mat-50{margin-top:-50px !important}
.pal5{padding-left:5px !important} .pal10{padding-left:10px !important} .pal15{padding-left:15px !important} .pal20{padding-left:20px !important} .pal25{padding-left:25px !important} .pal30{padding-left:30px !important} .pal35{padding-left:35px !important} .pal40{padding-left:40px !important} .pal50{padding-left:50px !important}
.par0{padding-right:0 !important} .par5{padding-right:5px !important} .par10{padding-right:10px !important} .par15{padding-right:15px !important} .par20{padding-right:20px !important} .par25{padding-right:25px !important} .par30{padding-right:30px !important} .par35{padding-right:35px !important} .par40{padding-right:40px !important}
.pat0{padding-top:0 !important} .pat5{padding-top:5px !important} .pat8{padding-top:8px !important} .pat10{padding-top:10px !important} .pat15{padding-top:15px !important} .pat20{padding-top:20px !important} .pat25{padding-top:25px !important} .pat30{padding-top:30px !important} .pat35{padding-top:35px !important} .pat40{padding-top:40px !important} .pat50{padding-top:50px !important} .pat60{padding-top:60px !important} .pat70{padding-top:70px !important} .pat80{padding-top:80px !important} .pat90{padding-top:90px !important}
.pab5{padding-bottom:5px !important} .pab10{padding-bottom:10px !important} .pab15{padding-bottom:15px !important} .pab20{padding-bottom:20px !important} .pab25{padding-bottom:25px !important} .pab30{padding-bottom:30px !important} .pab35{padding-bottom:35px !important} .pab40{padding-bottom:40px !important} .pab50{padding-bottom:50px !important} .pab60{padding-bottom:60px !important} .pab70{padding-bottom:70px !important} .pab80{padding-bottom:80px !important} .pab90{padding-bottom:90px !important} .pab210{padding-bottom:210px !important}
.pa0{padding:0 !important} .pa5{padding:5px !important} .pa10{padding:10px !important} .pa15{padding:10px !important} .pa20{padding:15px !important} .pa25{padding:25px !important} .pa30{padding:30px !important} .pa35{padding:35px !important} .pa40{padding:40px !important} .pa45{padding:45px !important} .pa50{padding:50px !important}
.display_none{display:none}
.bg_box_st1{background:#e9f8fa;}
.bg_box_st2{background:#f2f5ff; position:relative; z-index:-2}
.bg_box_st3{background:#fefcf0; position:relative; z-index:-2}
.bg_box_st4{background:#ebfff3; position:relative; z-index:-2}
.bg_box_st5{background:#f3efff; position:relative;}
.ff_gmL{font-family: 'gmarketsansL'; }
.ff_gmM{ font-family: 'gmarketsansM'; }
.ff_gmB{ font-family: 'gmarketsansB'; }
.fs_18{font-size:18px;}
.fs_20{font-size:20px; letter-spacing:-1px; line-height: 150%;}
.fs_25{font-size:25px; letter-spacing:-1px;}
.fs_30{font-size:30px; line-height:140%; letter-spacing:-1px;}
.fs_35{font-size:35px; line-height:140%; letter-spacing:-3px;}
.fs_45{font-size:45px; line-height:140%; letter-spacing:-3px;}
.fw_500{font-weight:500; letter-spacing:-1px;}
.fw_600{font-weight:600;}
.fc_b{color:#000}
.fc_f{color:#fff}
.fc_3{color:#333}
.fc_5{color:#555}
.fc_s1{color:#825a45}
.fc_s2{color:#3255a4}
.fc_s3{color:#2d2d2d;}
.fc_s4{color:#fffa7c;}
.fc_s5{color:#fff3a6;}
.fc_s6{color:#2c406d;}
.fc_s7{color:#482a65;}
.br{display:block; }
@media screen and (max-width:765px){
.mat15{margin-top:8px !important} .mat20{margin-top:10px !important} .mat25{margin-top:13px !important} .mat30 {margin-top: 15px !important;} .mat40 {margin-top: 20px !important;} .mat50{margin-top:25px !important} .mat60{margin-top:30px !important} .mat70{margin-top:35px !important} .mat80{margin-top:40px !important} .mat90{margin-top:45px !important}
.mab30 {margin-bottom: 15px !important;} .mab70 {margin-bottom: 35px !important;}
.pat50 {padding-top: 25px !important;} .pat60 {padding-top: 30px !important;} .pat70 {padding-top: 35px !important;} .pat80 {padding-top:40px !important;} .pat90 {padding-top: 45px !important;}
.pab60 {padding-bottom: 30px !important;} .pab80 {padding-bottom: 40px !important;} .pab90 {padding-bottom: 45px !important;}
.fs_20{font-size:18px}
.fs_25{font-size:19px}
.fs_30{font-size:20px;}
.fs_35{font-size:25px;}
.col2 div{width:100%; margin-bottom:20px;}
.col3 ul li img{width:100%;}
.tbl_st1 th{font-size:14px; padding: 10px 0;}
.tbl_st1 td{font-size:14px; padding: 10px 0; line-height:120%; }
}
.s_con{font-size:16px; color:#333;line-height:160%; word-break:keep-all}
.s_con img{max-width:100%}
/* 서브 탭메뉴 */
.menu_tabs{ text-align:center; margin-bottom:30px;}
.menu_tabs li{display:inline-block; vertical-align:top; width:16.4%;}
.menu_tabs li a{background:#868686; line-height:60px; height:55px; display:inline-block; color:#fff; font-size:18px; width:100%;}
.menu_tabs li a.active{background:#282828}
@media screen and (max-width:765px){
.s_con{font-size:14px;}
.menu_tabs li{width:30%}
.menu_tabs li a{width:100%; font-size:15px; line-height: 50px; height: 45px;}
}
.con_tit{font-size:30px; color:#333; text-align:center;}
.imgR_box{overflow: hidden;}
.imgR_box .tit_ul{display:inline-block;}
.tit_ul li{margin-bottom:10px; padding-left:150px; position:relative; padding-top: 4px;}
.tit_ul li span{width:140px; height:35px; line-height:35px; background:#5c5c5c; border-radius:50px; text-align:right; padding:0 18px; box-sizing:border-box; color:#fff; display:inline-block; position:absolute; left:0; top:0}
.r_img{float:right; position: relative; right:10px;}
.r_img img{ border:1px solid #ebebeb}
.r_img:after{content:""; width:530px; height:307px; display:inline-block; background:#ebebeb; z-index:-1; position: absolute; right: -10px; top: 10px;}
/* table */
.s_con table{width:100%;}
.s_con table.table01{border-top:2px solid #6f5e55; width:100%;}
.s_con table.table01 th,
.s_con table.table01 td{padding:14px 5px; border:1px solid #ccc; text-align:center; font-size:16px; vertical-align: middle;}
.s_con table.table01 th{font-weight:500; color:#333; letter-spacing:-1px; word-break:keep-all; line-height:1.6em; border-bottom-color:#b8b8b8; background: #f5f5f5; border-top: 0;}
.s_con table.table01 td{font-weight:400; letter-spacing:-0.5px; word-break:keep-all; color:#545454; line-height:1.6em;}
.s_con table.table01 td strong{color:#4b6db3 !important; font-weight:400;}
.s_con table.table01 tr th:first-child{border-left-width:0px;}
.s_con table.table01 tr th:last-child{border-right-width:0px;}
.s_con table.table01 tr td:first-child{border-left-width:0px;}
.s_con table.table01 tr td:last-child{border-right-width:0px;}
.s_con table.table01 .taL{text-align:left !important;}
.s_con table.table01 .taR{text-align:right !important;}
.s_con table.table01 td.bg_gray{background:#f8f8f8;}
.s_con table.table01 td.bg_blue{background:#f4fcff;}
.s_con table.table01 td.bg_red{background:#fff4f4;}
.s_con table.table01 img{width:100%; max-width:300px;}
.s_con table.table01 td ul ul{margin:0 0 5px;}
.s_con table.table01 .td_left{text-align:left; padding: 14px 20px;}
.scroll_box{overflow-x:scroll;}
.line{clear:both; width:100%; height:1px; background:#cdcdcd; }
.col3 li{width:32.33%; float:left; display:inline-block; margin-right:1%}
.col3 li:last-child{margin-right:0}
.col3 li img{max-width:100%; display:block; margin: 0 auto;}
.col3 div{width:32.33%; float:left; display:inline-block; margin-right:1%; text-align:center}
.col3 div:last-child{margin-right:0}
.col4 div{width:24%; float:left; display:inline-block; margin-right:1%; text-align:center}
.col4 div:last-child{margin-right:0}
.col4 .line_box{padding:50px 20px 0; }
.col4 .line_box img{margin-bottom:20px;}
.box_st{padding: 20px 30px; background: #737373; color: #fff;}
@media screen and (max-width:765px){
.col3 li{width:100%;}
.col4 div{width:100%}
.s_con table.table01 th,
.s_con table.table01 td{font-size:14px;}
.scroll_box.mat80{margin-top:00px !important}
}
.line_box{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px; position:relative; margin-top:-1px;}
.line_box2{ padding:20px 10px; position:relative; }
.line_all{border:1px solid #6f5e55; padding:50px;}
.firline{border-top:1px solid #333}
.lastline{border-bottom:1px solid #ddd}
/* .line_box:before{content:""; width:10px; height:2px; display:inline-block; position:absolute; left:-1px; top:-1px; background:#ff2f36;}
.line_box:after{content:""; width:2px; height:10px; display:inline-block; position:absolute; left:-1px; top:-1px; background:#ff2f36;} */
.con_stit{font-size:20px; color:#333; }
.con_stit2{font-size:18px; font-family: 'gmarketsansM'; }
.col_l{width:15%; margin-right:5%; display:inline-block;}
.col_r{width:79%; display:inline-block;}
.list_dot > li{position:relative; padding-left:16px;}
.list_dot > li:before{content:""; width:5px; height:5px; display:inline-block; border:3px solid #e65000; border-radius:50%; position:absolute; left:0; top:5px;}
.list_dot2 > li{position:relative; padding-left:10px;}
.list_dot2 > li:before{content:""; width:3px; height:3px; display:inline-block; background:#e65000; position:absolute; left:0; top:10px;}
.list_dot2.pdb10 > li{padding:0px 0 10px 10px;}
.list_dot3 li{position:relative; margin-bottom: 9px; padding-left: 160px;}
.list_dot3 li span{display: inline-block; width: 150px; background: #606060; color: #fff; padding: 3px 10px 2px; border-radius: 30px; text-align: center; position: absolute; left: 0; top: -5px; margin-right: 10px;}
.bline{border-bottom:1px solid #ddd; padding-bottom:30px;}
/* 추진중인 사업 */
.top_box {position:relative;text-align:left; box-sizing:border-box; margin-bottom: 50px;}
.top_box:before {position:absolute; content:''; top:0; left:5%; width:160px; height:160px; border-radius:50%; background-color:#fff; background-position:center; border:1px solid #ddd; z-index:10; background-repeat:no-repeat;}
.top_box .tit {position:relative; padding:15px 3% 15px 22%; font-size:30px;}
.top_box .txt_box {position: relative; padding:40px 70px 40px 292px; min-height: 130px; background: #e8f0f8; width: 100%;}
.top_box.ico:before {background-image: url('/images/museum/contents/top_ico.png');}
.top_box .tit.cen{text-align:center; padding:0 0 20px}
.btn_down{background:#606060 url('/images/museum/contents/down_ico.png') no-repeat 90% 7px; color: #fff !important; padding:6px 33px 3px 16px; border-radius: 20px; position: relative; top: -2px;
font-weight: 300; font-size: 15px; transition:all ease-in 0.2s}
.btn_down:hover{background-color:#333}
@media screen and (max-width:765px){
.btn_down{ top: 0; display: inline-block;}
.top_box:before{display:none;}
.top_box .tit{padding:5px 0 10px; font-size:20px}
.top_box .txt_box{padding:20px; min-height:auto;}
}
/* 1도1뮤지움 설립배경 */
.sm2_box{background:#fff; width:90%; padding:90px 0 0 0px; /* margin:-94px 0 0 132px; */position:relative; display:inline-block; word-break: keep-all;}
.sm2_box .tit{font-size:40px; position:relative; display:inline-block; font-family: 'gmarketsansB'; line-height: 130%; padding-left:50px; letter-spacing: -1px; color:#222}
.sm2_box .tit:before{content:""; display:inline-block; background:#ddd; width: 1px; height: 100px; position: absolute; left: 0px;}
.sm2_box .tit:after{content:""; display:inline-block; border:3px solid #000; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: -5px; top: 20px; background: #fff;}
.sm2_box .con{font-size:21px; font-family: 'gmarketsansL'; display: inline-block; font-weight:bold; margin:30px 0 0 50px; color:#333}
.sm2_box .con li{margin-bottom:30px; line-height: 150%;}
.sm2_box .con strong{font-family: 'gmarketsansM';}
.sm2_img{overflow:hidden; position:relative;}
.sm2_img .bx-controls{ position: absolute; bottom: 25px; text-align:center; width:100%; }
.sm2_img .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height:10px; margin: 0 5px; border:1px solid rgba(255, 255, 255, 0); border-radius: 5px; }
.sm2_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sm2_img .bx-wrapper .bx-pager.bx-default-pager a.active,
.sm2_img .bx-wrapper .bx-pager.bx-default-pager a:focus { background:none; border:1px solid #fff; border-radius: 5px; }
.sm2_img .bx-wrapper .bx-pager-item,
.sm2_img .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
@media screen and (max-width:999px){
.sm2_box .tit{font-size:30px;}
.sm2_box .con{font-size:20px;}
}
@media screen and (max-width:765px){
.sm2_box{width:100%; margin:0; padding: 50px 0 0 10px;}
.sm2_box .tit{font-size:22px;}
.sm2_box .con{ width: 100%; padding-left: 50px; margin-top: 20px; font-size:15px; margin-left:0}
}
/* 1도1뮤지움 소개 */
.saintro_wrap{background:url('/images/museum/contents/museum_intro_bg.jpg') no-repeat 0 0; text-align: center; padding: 50px 0 90px; position:relative;}
.saintro_wrap:after{content:""; display:inline-block; background:url('/images/museum/contents/intro_rimg.png') no-repeat; position: absolute; right: 20px; bottom: -12px; width: 396px; height: 164px;}
.saintro_wrap img{max-width:100%;}
.plan_box{font-size: 18px; background: #fff; padding: 10px 40px 7px; border-radius: 30px; display: inline-block; margin-bottom:20px;}
.plan_box span{margin:0 10px; font-family: 'gmarketsansM'; position:relative;}
.plan_box span:before{content:""; display:inline-block;}
.plan_box span.col1{color:#9052a5}
.plan_box span.col2{color:#6674d8}
.plan_box span.col3{color:#e85d5d}
/* 오시는길 */
.loc_con{margin-top:20px;}
.loc_con li{border-bottom:1px solid #ddd; padding:20px 0; padding-left:160px; position:relative;}
.loc_con li:first-child{border-top:1px solid #222;}
.loc_con li span{position:absolute; left:0; top:0; color:#333; font-weight:bold; text-transform:uppercase; padding:20px 10px; letter-spacing:1px; }
@media screen and (max-width:765px){
.con_tit{font-size:24px}
.line_box{padding:30px 20px;}
.col_l{width:100%; margin-bottom:10px}
.col_r{width:100%; }
}
/* 전시 */
.photo_view {float:left;width:49%;height:100%;margin-bottom:20px;border:4px solid #e8e8e8;}
.photo_view2 {float:left;width:49%;height:100%;margin:0 25px 20px 0;border:4px solid #e8e8e8;}
.photo_view img {width:100%;max-width:645px}
.ha_exhi {float:left;margin:20px 0; width:100%;font-size:15px}
.ha_exhi ul li {float:left;margin:20px 6px 0 6px}
.ha_exhi2 {float:left;margin-top:20px}
.width_100 {width:100px;height:32px;line-height:32px;display:block;float:left;border-bottom:1px solid #e9ba88;font-weight:bold;color:#494949;}
.width_300 {width:100px;height:32px;line-height:32px;display:block;float:left;border-bottom:1px solid #e9ba88;font-weight:bold;color:#494949;}
#current_view { width:49%; position:relative; float:left; padding-left:30px; white-space:nowrap;font-size:15px}
#current_view dl { clear:both; height:32px;}
#current_view dd { display:block; height:32px; border-bottom:1px solid #dfdfdf; line-height:32px;}
@media screen and (max-width:699px){
.photo_view{width:100%}
#current_view{width:100%; padding-left: 0px;}
}
/* 예정전시 */
#banner{float:left; width:100%; padding-left:0; padding-bottom:50px;}
#banner img { width:210px; height:250px;}
#banner dl.popupzone_type {position:relative; float:left; width:49%; height:260px; padding:0;margin-bottom:40px; text-align:left}
#banner dl.popupzone_type p.img {position:absolute; left:5px; top:0; margin:0 0 10px 0; border:5px solid #e8e8e8; padding:0px;}
#banner dl.popupzone_type dt {padding:3px 0 10px 20px; font-size:18px; font-weight:bold; margin-left:224px;}
#banner dl.popupzone_type dt a{display:block; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis;}
#banner dl.popupzone_type dd {font-size:16px; color:#868686; padding:1px 0 0 20px;line-height:20px; margin-bottom:10px;margin-left:224px;}
#banner dl.popupzone_type dd{display:block; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis;}
#banner dl.popupzone_type dd span { color:#fff; font-weight:bold; width:55px; display:block; float:left; margin-bottom:2px;}
#banner dl.popupzone_type .graybox {clear:both; position:absolute; bottom:0; padding-top:10px;padding-bottom:10px;width:470px; background-color:#f7f7f7; margin-left:180px; }
#banner dl.popupzone_type dd .colornone { color:#868686; font-weight:normal; width:450px;}
#banner dl.popupzone_type dd dl.detail{float:left;padding:0;}
#banner dl.popupzone_type dd dl.detail dt{display:none; color:#fff; font-weight:bold; width:40px; float:left; background-color:#FFF; text-align:center; margin-bottom:2px; padding:1px 10px; font-size:11px; height:18px;}
#banner dl.popupzone_type dd dl.detail dd{float:left;padding:0 !important; margin-left:0 !important; width:340px;/* height:18px; */}
.cate_list {float:left; width:100%;}
@media all and (max-width: 765px) {
#banner{float:left; width:100%; padding-left:0; padding-bottom:50px;}
#banner img { width:150px; height:170px;}
#banner dl.popupzone_type {position:relative; float:left; width:100%; height:220px; padding:0;margin-bottom:10px; text-align:left}
#banner dl.popupzone_type p.img {position:absolute; left:5px; top:0; margin:0 0 10px 0; border:5px solid #e8e8e8; padding:0px;}
#banner dl.popupzone_type dt {padding:3px 0 10px 20px; font-size:16px; font-weight:bold; margin-left:161px;}
#banner dl.popupzone_type dt a{display:block; white-space:nowrap;}
#banner dl.popupzone_type dd {font-size:15px; color:#868686; padding:1px 0 0 20px;line-height:16px; margin-bottom:10px;margin-left:162px;}
#banner dl.popupzone_type dd span { color:#fff; font-weight:bold; width:55px; display:block; float:left; margin-bottom:2px;}
#banner dl.popupzone_type .graybox {clear:both; position:absolute; bottom:0; padding-top:10px;padding-bottom:10px;width:470px; background-color:#f7f7f7; margin-left:180px; }
#banner dl.popupzone_type dd .colornone { color:#868686; font-weight:normal; width:450px;}
#banner dl.popupzone_type dd dl.detail{float:left;width:600px; margin-left:-10px; margin-bottom:3px; padding:0;}
#banner dl.popupzone_type dd dl.detail dt{display:none; color:#fff; font-weight:bold; width:40px; float:left; background-color:#FFF; text-align:center; margin-bottom:2px; padding:1px 10px; font-size:11px; height:18px;}
#banner dl.popupzone_type dd dl.detail dd{float:left;padding:1px 10px !important; margin-bottom:2px !important; margin-left:0 !important; width:340px;height:18px;}
.cate_list {float:left; width:100%;}
}
.event_form {width:100%; border-collapse:collapse; clear:both;}
.event_form caption {line-height:22px; font-weight:bold; border-top:2px solid #4082D8; border-bottom:1px solid #D4D4D4; background:#F4F4F4;}
.event_form tbody th {width:140px; font-size:14px;text-align:right; vertical-align:top; padding:10px; margin:0; border-bottom:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; background:#f4f4f4;}
.event_form tbody td {text-align:left; padding:10px; margin:0; border-bottom:1px #d4d4d4 solid;}
.event_form tbody td.multi_check label {margin-right:5px;}
.event_form tbody td p {margin:3px;}
.event_form tbody td img {vertical-align:middle; margin-right:5px;}
.event_form tbody td input.text_input {font-size:14px;border:1px solid #c0c0c0;height:28px;}
.event_form tbody td input.text_input:focus {border:1px solid #FF0000;}
.event_form tbody td.content {height:200px; vertical-align:top;}
.event_form tbody textarea {width:100%; font-size:14px; border:1px solid #c0c0c0;}
.event_form tbody textarea:focus {border:1px solid #FF0000;}
.btn_rsv{background: #606060; padding: 4px 20px 1px; color: #fff !important; margin-top: -5px; display: inline-block; font-size: 15px; transition:all ease-in 0.2s}
.btn_rsv:hover{background:#222}
.content_top_alert{border:3px solid #ddd; padding:20px 30px; margin-bottom:30px}
/* 개인정보처리방침 */
.privacy_box *{font-size:15px; font-family: 'gmarketsansM'; word-break:keep-all; line-height:170%}
.privacy_box, .indivi {position:relative; clear:both; width:100%; margin: 0 0 15px 0;}
.privacy_box .p_box2{border: 4px solid #e3e3e3; margin:10px 0 20px 0; padding:25px 35px; background-color:#fafafa; color: #222;}
.privacy_box h3{clear:both; margin:30px 0 0 0; padding:5px 0;font-size: 20px; color: #333; font-family: 'gmarketsansB';}
.privacy_box h4{padding:5px 0; margin:10px 0 0 0; font-size: 16px; font-weight: 600; color: #444; font-family: 'gmarketsansM';}
/* .privacy_box .txt_box{margin:0 30px;} */
.privacy_box .border_cc{position:relative; clear:both; margin:20px 0; width:94%; border:1px solid #ccc; padding:20px; z-index:7;}
.privacy_box li{padding-left:16px; margin:4px 10px 0 0; background: url('/images/www/icon/li.gif') 0 7px no-repeat; line-height:18pt;}
.privacy_box .tab01 >li{clear:both; padding-left:10px; font-size:14px; margin:0 10px 0 10px; background: url("/images/icon/li_2.gif") 0 12px no-repeat;}
.privacy_box li a, .indivi li a{color:#555555;}
.privacy_box ul ul{margin:0 0 15px 0;}
/* .privacy_box h3 +ul{margin-left:10px;}
.privacy_box h4 +ul{margin-left:10px;} */
.privacy_box .none_style{background:none; padding-left:0;}
.privacy_box .green{color:#82b131;}
.privacy_box .orange{color:#f28301;}
.highlight {background-color: #fff34d;border-radius : 5px;box-shadow : 0 1px 4px rgba(0, 0, 0, 0.7);}
.highlight {padding:1px 4px;margin:0 -4px;}
.private_sel{border:1px solid #e3e3e3; text-align:center; font-size:14px; background:#fafafa; padding: 20px 0; margin-top: 20px;}
.private_sel form{display:inline-block; margin-left: 10px;}
.private_sel select{height: 33px; padding: 0 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 0;}
.private_btn{background: #6383a9; color: #fff; border: 0; padding: 5px 10px;}
.down2 a{padding: 5px 20px 4px; margin-top: 10px; display: inline-block; border-radius: 5px; font-family: 'gmarketsansM'; background: #636363;color: #fff; transition:all ease-in 0.3s}
.down2 a:hover{background:#222}
/* 사이트맵 */
.sitemap div:first-child{border-top:1px solid #222}
.level1_menu{padding:30px 0; width:100%; border-bottom:1px dotted #ddd}
p.menu_title{font-family: 'gmarketsansB'; display: inline-block; width: 250px;}
.level2_menu {width: calc(100% - 260px); display: inline-block;}
#content .level1_menu .level2_menu li{width:23%; font-family: 'gmarketsansM'; background:none; font-size: 16px; display:inline-block; margin-bottom: 30px}
#content .level1_menu .level3_menu{margin-top: 5px;}
#content .level1_menu .level3_menu li{background:none; width: 100%; font-family: 'gmarketsansM'; color: #9c9c9c; padding: 3px 0; font-size: 15px; margin-bottom:0}
#content .level1_menu .level3_menu li a {font-weight: normal; color: #555;}
@media screen and (max-width:765px){
.br{display:inline;}
}
/* 소장품 */
.board_gallery ul li span.img{width: 250px; height: 220px; display: inline-block; overflow: hidden; border: 1px solid #CCC;}
.board_gallery ul li span.img img{border:none}
.board_gallery ul li span.img img:hover{border:none}
.board_gallery ul li span.img:hover{border: 1px solid #3C82C8;}
/* 통합검색결과 */
.search_box #keyword{height: 42px;}
/* 뮤지움투어 */
/* .tour_list{border-top:2px solid #444; width:100%;}
.tour_box{border-bottom:1px solid #ccc; padding:30px 20px; overflow: hidden;}
.tour_box .tit{font-size:26px; color:#333; margin-bottom: 20px; font-weight: 600}
.tour_box .tour_img{width:228px; height:228px; border-radius:50%; background:gray; display:inline-block; overflow: hidden;}
.tour_box .tour_con{display: inline-block; width: calc(100% - 300px); float: right; margin-top: 30px;}
.tour_box .tour_con li{display: inline-block; margin-bottom: 10px; line-height: 29px; position:relative;}
.tour_box .tour_con li:after{content:"→"; margin:0 10px; display:inline-block;}
.tour_box .tour_con li:last-child:after{display:none;}
.tour_box .tour_con li a{color:#004a96}
.tour_box .tour_con li .num{width:26px; height:26px; display:inline-block; font-size:14px; border-radius:50%; background:#505050; color:#fff; text-align:center; line-height:28px; margin-right:5px;} */
.course_menu{height:54px; }
.course_menu li {position:relative; color:#fff; display: inline-block; padding-top:18px; opacity: 0.8; cursor:pointer; z-index:0; width: 33%; margin-right:0.5%; text-align: center; background:#505050;
color: #fff; float: left; font-size:18px; height:54px;}
.course_menu li:last-child{margin-right:0}
.course_menu li:hover {color:#464646;}
.course_menu li.active {color:#fff; opacity: 1;}
.course_menu li.active:hover {color:#464646;}
.tab-content>div {background-color: #fff; box-sizing:border-box; width: 100%; min-height:200px;}
/* .line {position:absolute; width: 0; height: 7px; background-color: aqua; top: 0; left: 0;} */
.tab-content{margin-top:30px}
.course_wrap{border:3px solid #ddd; padding:50px 60px 20px }
.course_wrap .course_dir{vertical-align:top; margin:30px 0; position:relative;}
.course_wrap .course_tit{width:73px; height:73px; border-radius:50%; background:#1a6ecd; text-align:center; color:#fff; margin-right:30px; display:inline-block;}
.course_wrap .course_tit span{width:73px; height:73px; display: table-cell; vertical-align: middle; line-height:120%;}
.course_wrap .course_tit.lh80 span{line-height:80%}
.course_wrap .course_list{display:inline-block; }
.course_wrap .course_list.w80{display:inline-block; width: calc(100% - 110px); }
.course_wrap .course_list .course{display: inline-block; position:relative; font-size:15px; float:left}
.course_wrap .course_list .course:before{content: ""; position: absolute; left: 0; right: 0; top: 30px; height: 16px; background:#eee url('/images/museum/contents/course_arrow.png') no-repeat right 12px top 4px;}
.course_wrap .course_list .course:last-child:before{display:none}
.course_wrap .course_list .course span{display:inline-block; background:#707070; color: #fff; padding: 3px 20px 2px; border-radius: 30px; margin-bottom: 25px; position:relative; margin-right:30px;
margin-top: 22px; }
.course_wrap .course_list .course:last-child span:after{display:none}
.course_wrap .course_list .time{position:relative; float: left; margin-top: -12px; margin-left: -34px; width:34px; height:34px; border:1px solid #1a6ecd; border-radius:50%; display:inline-block; color:#1a6ecd; font-size:10px; font-weight:bold; text-align:center; padding-top:5px}
.course_wrap .course_list .time:after{content:""; display:inline-block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #1a6ecd;
position: absolute; top: 34px; left: 14px;}
.course_wrap .course_list .time.lh2{line-height:120%;}
.course_wrap .course_list .lunch{background:#707070; display: inline-block; border-radius: 30px; text-align:center; padding-top:5px; width:43px; height:43px; color:#fff;}
.dot_line{border-top:1px dashed #ddd; padding-top:50px;}
.loadmore {font-weight:500;font-size:16px;background:#a56ba3;color:#fff;border-radius:50px;padding:9px 42px;transition:all ease-in 0.2s;cursor:pointer}
.loadmore:hover {background:#91388e}
@media screen and (max-width:765px){
.course_wrap{padding: 40px 50px 20px}
.course_wrap .course_list.w80{width:100%;}
}
.view_img{overflow:hidden; position:relative;}
.view_img .txt{position:absolute; left:60px; top:50px; font-family: 'gmarketsansB'; font-size:25px; color:#333}
.view_img .bx-controls{ position: absolute; bottom: 25px; text-align:center; width:100%; }
.view_img .bx-wrapper .bx-pager.bx-default-pager a { background: #6c6c6c; text-indent: -9999px; display: block; width: 10px; height:10px; margin: 0 5px; border:1px solid rgba(255, 255, 255, 0); border-radius: 5px; }
.view_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
.view_img .bx-wrapper .bx-pager.bx-default-pager a.active,
.view_img .bx-wrapper .bx-pager.bx-default-pager a:focus { background:none; border:1px solid #6c6c6c; border-radius: 5px; }
.view_img .bx-wrapper .bx-pager-item,
.view_img .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
/* 뮤지움 VR */
.vr_p{position: relative; overflow:hidden; height:747px; background:#000}
.vr_p iframe{opacity:0.7}
.vr_logo{max-width:300px !important; }
.vr_wrap{position:relative; z-index:10; margin:0 auto; width:654px; text-align:center; padding-top:80px}
.vr_con{width: 625px; margin: 0 auto;}
.vr_list{width:100%; border-radius:10px; border:3px solid #fff; overflow:hidden; background: gray; text-align:center;}
.vr_list a{width:123px; height:152px; display:inline-block; background:#fff; font-size:0; float:left; transition:all ease-in 0.4s}
/* .vr_list a:hover{background-image: linear-gradient(#00379c, transparent)} */
.vr_list .vr1{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_14.png') no-repeat 0 0; background-size:cover}
.vr_list .vr2{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_13.png') no-repeat 0 0; background-size:cover}
.vr_list .vr3{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_12.png') no-repeat 0 0; background-size:cover}
.vr_list .vr4{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_11.png') no-repeat 0 0; background-size:cover}
.vr_list .vr5{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_10.png') no-repeat 0 0; background-size:cover}
.vr_list .vr6{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_9.png') no-repeat 0 0; background-size:cover}
.vr_list .vr7{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_8.png') no-repeat 0 0; background-size:cover}
.vr_list .vr8{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_7.png') no-repeat 0 0; background-size:cover}
.vr_list .vr9{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_6.png') no-repeat 0 0; background-size:cover}
.vr_list .vr10{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_5.png') no-repeat 0 0; background-size:cover}
.vr_list .vr11{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_4.png') no-repeat 0 0; background-size:cover}
.vr_list .vr12{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_3.png') no-repeat 0 0; background-size:cover}
.vr_list .vr13{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_2.png') no-repeat 0 0; background-size:cover}
.vr_list .vr14{background:url('https://shinan.go.kr/images/museum/contents/vr/intro_1.png') no-repeat 0 0; background-size:cover}
.vr_list .vr1{width:246px;}
/* .bot_btn{width:150px; background:red; margin:0 auto; text-align:center;}
.bot_btn a{width:100%;} */
.bot_btn{display: block; text-align: center; position: absolute; bottom: 0; box-sizing: border-box; width:100%;}
.bot_btn a{border: 1px solid rgba(255,255,255,0.6); display: inline-block; padding:5px 0 5px; width: 170px; margin: 0px auto 0; color: #fff; border-radius: 15px 15px 0 0;
background: #ffffff00; position: relative; top: 2px; transition: all ease-in 0.2s;}
.bot_btn a div{ font-size: 14px; }
.bot_btn a span{display: inline-block; transform: rotate(-90deg); margin-left: 10px; font-size: 14px; position: relative; }
.bot_btn a:hover{background:#335ed9; border: 1px solid rgba(255,255,255,0.0); }
.bot_btn a.active span{transform: rotate(90deg); }
.tour_btn{padding-left:25px; font-size:22px; margin-bottom:10px; float:right; color:#fff !important; position:relative; transition:all ease-in 0.2s}
.tour_btn:hover{color:#ffd703 !important;}
.tour_btn:before{content:''; background:url('https://shinan.go.kr/images/museum/contents/vr/vr_ico.png') no-repeat 0 0; display:inline-block; width:18px; height:22px; position:absolute; left:0}
@media screen and (max-width:765px){
.vr_logo{max-width:150px !important; }
.vr_p{background:#555; height:auto;}
.vr_p iframe{display:none}
.vr_wrap{width:100%; padding:40px 10px}
.vr_con{width:100%;}
.vr_list{width:95%; margin: 0 auto;}
.bot_btn{display:none;}
}