@charset "utf-8";

@import url(layout.css);
@import url(board.css);

#wrap .location {border-bottom:1px solid #dddddd;}
#wrap .location ul {overflow:hidden;}
#wrap .location ul li {float:left;background:url("/comicsmuseum_m/images/common/location_arrow.gif") right 50% no-repeat;height:24px;padding:11px 20px 0 10px;}
#wrap .location ul li:last-child {background:none;}
#wrap #sub-contents h2 {font-size:18px;padding:20px;}
#wrap #sub-contents .data-con {padding:5px 20px 30px 20px; }

.ready img {width:100%;}
.dl_style1 {padding:0 0 0 10px;}
.dl_style1 li {background:url('/comicsmuseum/images/common/point01.gif') left 10px no-repeat;padding:3px 0 3px 10px;}
.dl_style1 .dote_none {background:none;}
.dl_style1 .dote_padding_none {background:none;padding:3px 0;}
.h5_tit {padding:0 0 20px;} /*h4단계 타이틀:아이콘 없는 이미지일 경우*/
.h5_stit {padding:5px 0 20px 25px;line-height:20px;background:url("/comicsmuseum_m/images/common/ico_dep02.gif") 0 3px no-repeat;color:#3c3636;font-size:1.2em;} /*h4단계 타이틀:아이콘 있는 텍스트일 경우*/
.h4_tit {padding:0 0 15px;font-size:1.2em;} /*h4단계 타이틀:아이콘 없는 이미지일 경우*/
.h4_stit {padding:5px 0 15px 25px;background:url("/comicsmuseum_m/images/common/ico_dep02.gif") no-repeat;color:#3c3636;} /*h4단계 타이틀:아이콘 있는 텍스트일 경우*/
.con_bs {padding:0 0 35px 15px;}
.con_bs .con_ex {padding:0 0 10px 0;}
.list_dep01 li {background:url("/komacon/images/common/ico_dep03.gif") left 6px no-repeat;padding:0 0 8px 10px;line-height: 170%;}
.list_dep01 li:last-child {padding:0 0 0 10px;}
.list_dep02 {padding:10px 0 0 5px;}
.list_dep02 li {background:url("/komacon/images/common/ico_dep04.gif") left 9px no-repeat;padding:0 0 5px 10px;}
.list_dep02 li:last-child {padding:0 0 0 10px;}
.list_dep01 .att_con {padding:0 0 20px;}
.list_dep01 .att_con li {background:none;padding:0;}
.list_dep03 {padding:10px 0 0 5px;}
.list_dep03 li {background:url("/komacon/images/common/ico_dep05.gif") left 9px no-repeat;padding:0 0 5px 10px;}
.list_dep03 li:last-child {padding:0 0 0 10px;}
.li_ft01 {font-weight:bold;color:red;}
.li_ft02 {font-weight:bold;}
.li_ft03 {color:red;}
.down_file a {text-decoration:underline;font-weight:bold;color:#d82323;}
.design_box {background-color:#eeeeee;font-size:13px;font-weight:bold;color:#000000;}

.float_left {float:left;}
.float_right {float:right;}
.float_clear {clear:both; margin:0; padding:0; border:none;}
.btm_pd30 {padding:0 0 30px 0;}
.btm_pd15 {padding:0 0 15px 0;}
.pd_r15 {padding:0 15px 0 0;}
.pd_l15 {padding:0 0 0 15px;}
.top_pd30 {padding:30px 0 0 0 ;}
.inline {display:inline-block;}
.mg_t10 {margin-top:10px;}
.background_none {background:none;}
.color_red {color:#c40000;}
.color_blue {color:#1337A5 !important;}
.text_bold {font-weight: 600 !important;}
.wp-30 { flex-shrink: 0; width: 30% !important; }
.wp-35 { flex-shrink: 0; width: 35% !important; }
.wp-40 { flex-shrink: 0; width: 40% !important; }
.wp-50 { flex-shrink: 0; width: 50% !important; }
.wp-60 { flex-shrink: 0; width: 60% !important; }
.wp-65 { flex-shrink: 0; width: 65% !important; }
.wp-70 { flex-shrink: 0; width: 70% !important; }
.wp-100 { flex-shrink: 0; width: 100% !important; }

/*탭디자인*/
.tab ul {overflow:hidden;width:100%;}
.tab {padding:0 0 20px;}
.tab ul li {float:left;margin:0 3px 5px 0;padding:10px 0; text-align:center; border:solid 1px #d4d4d4;width:32%;} 
.tab ul li.on {background:#827575;border:1px solid #827575;color:#ffffff;}
.tab_3depth {clear:both;border-left:solid 1px #d4d4d4;border-bottom:solid 1px #999999;height:42px;margin-bottom:30px;}
.tab_3depth:after {content:""; display:block; clear:both;}
.tab_3depth li {float:left; height:30px; padding:11px 23px 0; border:1px solid #d4d4d4; border-left:none; border-bottom:none; color:#000000;width:32%;}
.tab_3depth li.on {background-color:#f4f4f4;color:#ba3501;font-family:"Gulim","굴림"; font-size:13px; font-weight:bold;}/*background:url('/comicsmuseum/images/common/tab_arrow.gif') 50% 10px no-repeat;*/
.tab_3depth li.on a {color:#ba3501;}
.tab_3depth .view { height:30px; background-color:#79736f; border:1px solid #79736f;  font-weight:bold;}
.tab_3depth .view a {color:#ffffff !important;}

.tab_zone {clear:both; margin-bottom:30px;}
.tab_zone:after {content:""; display:block; clear:both;}
.tab_zone li {float:left; height:20px; margin-left:-1px; padding:11px 0; border:1px solid #d4d4d4; border-bottom:solid 1px #999999; color:#000000; text-align:center;}
.tab_zone li {width:33%; }
.tab_zone li.on {background-color:#f4f4f4;color:#ba3501;font-weight:bold;}
.tab_zone li.on a {color:#ba3501;}

/*3depth_4개인경우*/
.tab4 {padding:0 0 30px;}
.tab4 ul {overflow:hidden;width:100%;}
.tab4 ul li {border:1px solid #c8c8c8;float:left;margin-right:-1px;padding:12px 0;text-align:center;width:31%;}
.tab4 ul li.on {background:#827575;border:1px solid #827575;}
.tab4 ul li.on a span {color:#ffffff;}

/*테이블*/
.table_design {width:100%;border-top:solid 2px #eb6903;}
.table_design thead th {padding:12px 0;border-left:solid 1px #d4d4d4;}
.table_design .b_none_r {border-right:none;}
.table_design .b_none_l {border-left:none;}
.table_design .th_border_b {border-bottom:solid 1px #d4d4d4;}
.table_design .th_border_b2 {border-bottom:solid 1px #999999;}
.table_design .td_border_l {border-left:solid 1px #d4d4d4;}
.table_design .text_left {text-align:left;}
.table_design tbody td {padding:12px 5px;border-left:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;text-align:center;}
.table_design tbody td .td_list li {padding-left:10px;}

.table_design {width:100%;border-top:solid 2px #eb6903;}
/*.table_design thead {border-bottom:solid 1px #999999;}*/
.table_design thead th {padding:12px 0;border-left:solid 1px #d4d4d4;}
.table_design .b_none_r {border-right:none;}
.table_design .b_none_l {border-left:none;}
.table_design .th_border_b {border-bottom:solid 1px #d4d4d4;}
.table_design .th_border_b2 {border-bottom:solid 1px #999999;}
.table_design .td_border_l {border-left:solid 1px #d4d4d4;}
.table_design .bor_r {border-right:solid 1px #797979;}
.table_design tbody td {padding:12px 5px;border-left:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;text-align:center;}
.table_design tbody td .td_list li {background:url('/comicsmuseum/images/common/point02.gif') 0 8px no-repeat;padding-left:10px;}
.table_design .text_left {text-align:left;}
.table_design span {display:block;background:#eeeeee;border-radius:40px;padding:7px 12px;margin:10px 0 0 0;}

/*관람안내*/
.show_list {width:100%;margin:0 0 30px 0;}
.showinfo_h4_tit_foreigner{padding:10px 0 10px 10px;font-size:120%;}
.ch-lang{font-family:'宋體', 'simsun';}
.ch-lang strong{font-family:'tahoma';}

/*오시는길*/
.map .map_img {padding:0 0 30px;}
.map .pic img {width:100%;}
.map .pic1 img {width:100%;}
.map .bus_list {overflow:hidden;padding:10px 0 0;}
.map .bus_list dt {width:80px;padding:15px;background:#d1c7c7;float:left;margin:0 0 10px;font-weight:bold;text-align:center;}
.map .bus_list dd {padding:15px 0 15px 130px;margin:0 0 10px;}
.map .park_con {overflow:hidden;margin:10px 0;border-top:2px solid #827575;}
.map .park_con dt {width:45%;padding-top:15px; height:30px;float:left;font-weight:bold;text-align:center;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.map .park_con dd {padding-top:15px; height:30px;border-bottom:1px solid #dcdcdc;text-align:center;}
.map .map_txt {padding:0 0 20px 0;}
.tab_zone li{width:31%;}

/*단체예약안내*/
.reservation-txt {padding:0 0 20px 0;}
.reservation_info {margin-bottom:40px;}
.reservation_info li {background:url('/comicsmuseum/images/common/point01.gif') 0 8px no-repeat;padding-left:10px;padding-bottom:10px;}
.reservation_info li span {font-weight:bold;}
.reservation_info li.b_none { background: none; padding-left: 0; margin-left: -4px; }
.reservation_info2 { border: 1px solid #ddd; color: #c40000; padding: 15px; }
.reservation_info2 li { margin-bottom: 10px; }
.reservation_info2 li:last-child { margin-bottom: 0; }
.condition_txt_full {width:100%; clear:both;float:left;padding:14px 0 14px 16px;background-color:#f2f2f2;}
.condition_txt_full li {background:url('/comicsmuseum/images/common/point01.gif') 0 8px no-repeat;padding-left:10px;}

/*이용안내-시설안내*/
.facility_list {clear:both;padding:0 0 30px;}
.facility_list:after {content:""; display:block; clear:both;}
.facility_list img {float:left;width:30%;}
.facility_list .dl_style1 {float:left;padding-left:20px;width:60%;}
.facility_list p {float:left;}

.facility_list2 { display: inline-block; width: calc((98% - 15px) / 2 - 0.1px); margin:0 0 30px; margin-right: 15px; vertical-align: top;}
.facility_list2:nth-child(even) { margin-right: 0;}
.facility_list2 .no_img {float:left;width:134px;height:70px;padding-top:40px;background-color:#d4d4d4;text-align:center;}
.facility_list2:after {content:""; display:block; clear:both;}
.facility_list2 img {float:none; width: 100%;}
.facility_list2 .dl_style1 {display: block; float: none; margin-top: 5px; padding-left: 0;}
.facility_list2 .dl_style1 .h5_stit { padding-bottom: 10px; }


.storage {line-height:180%;}
.storage_step {margin:0 auto;}
.storage_step .step {width:300px;height:117px;margin-bottom:10px;background:url('/comicsmuseum_m/images/guide/storage_step_box.png') top no-repeat;}
.storage_step .step_end {width:300px;height:100px;margin-bottom:10px;background:url('/comicsmuseum_m/images/guide/storage_step_box2.png') top no-repeat;}
.storage_step .step_txt {width:300px;padding:14px 0 9px 0;text-align:center;font-size:16px;font-weight:bold;}
.storage_step .step_txt img {float:none;}
.storage_step .step_explain {width:300px;padding:17px 0 0 0;text-align:center;font-family:"Gulim","굴림"; font-size:11px;letter-spacing:-0.05em;}

/*전시-상설전시*/
.per_cross_list {padding:0 0 30px;}
.per_cross_list .cross_text {line-height:160%;float:left;}
.per_cross_list .pic1 {float:right;padding:0 0 10px 10px;}
.per_cross_list .pic1 img {width:270px;}
.per_cross_list .pic2 {float:left;padding:0 10px 10px 0;}
.per_cross_list .pic2 img {width:270px;}
.per_cross_list .pic3 {float:left;}
.per_cross_list .pic4 {float:left;padding:0 5px;}
.per_cross_list .pic5 {float:left;}
.per_cross_list .pic6 {float:left;}
.per_cross_list .pic6 img {float:left;}
.per_cross_list .dl_style1  {float:left;width:60%;}
.per_cross_list .dl_style1  li {background:none;padding:0;}
.per_cross_list:after {content:""; display:block; clear:both;}

.h4_show {font-size:16px;font-weight:bold;padding:0 0 15px;}
.per_join_box {border:solid 1px #d4d4d4;background:url('/comicsmuseum/images/show/per_join_img01.jpg') right bottom no-repeat;padding:30px 20px;font-size:13px;line-height:180%;margin:}
.per_join_con {overflow:hidden;padding:30px 0 0 0;font-size:13px;}
.per_join_con .per_join_img {float:left;width:32%;}
.per_join_con .per_join_txt {float:left;width:68%;line-height:160%;padding:10px 0 0 0;}
.h4_tit + .per_join_con { padding-top: 15px; }

/* 온라인전시 리스트 */
.show3_list_wrap { border-top:solid 2px #666; }
.show3_list { padding-top: 25px; overflow: hidden; margin: 0 -10px; margin-top: -20px; }
.show3_list > li { float: left; width: 33.3%; margin-top: 20px; }
.show3_list .no_item { margin: 0 10px; }
.show3_list .item { overflow: hidden; position: relative; margin: 0 10px; border:1px solid #ddd; }
.show3_list .item > a { display: block; }
.show3_list .item .thumb { position: relative; padding-top: 130%; overflow: hidden; }
.show3_list .item .thumb .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.show3_list .item .thumb .centered img { position: absolute; top: 0; left: 0; width: auto; min-width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.show3_list .item .subject_wrap { display: table; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1; height: 45px; background: rgba(0,0,0,0.8); transition:0.2s ease-in-out; }
.show3_list .item .subject { display: table-cell; font-size: 13px; color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding: 5px 10px; }
.online_tab ul {width:100%;}
.online_tab li {width: 33.3%; box-sizing: border-box; height: auto; padding: 13px 0;}

/*전시-기획전시-전시리스트*/
.plan {}
.exhibit_list {border-top:solid 2px #666666;}
.exhibit_list li {position:relative;display:inline-block;width:100%;border-bottom:solid 1px #d4d4d4;padding:20px 0;}
.exhibit_list li.none{width:100%; text-align:center; padding:30px;}
.exhibit_list .exhibit {float:left;padding:0 40px 0 0;}
.exhibit_list .exhibit p {padding:0 0 10px 0;}
.exhibit_list .explain {padding:0 10px 0 0;}
.exhibit_list .exhibit_con {float:left;}
.exhibit_list .exhibit_con .exhibit_subject {margin-bottom:10px;color:#333333;font-weight:bold;}
.exhibit_list .exhibit_con .exhibit_subject span {padding-left:10px;}
.exhibit_list .exhibit_con .explain .point{padding:0 5px 0 13px; background:url('/comicsmuseum/images/common/point01.gif') 5px 8px no-repeat;}
.exhibit_list .exhibit_con .explain li {display:block;padding:12px 0px;font-size:11px;background:url('/comicsmuseum/images/common/bg_dote.gif') bottom repeat-x;border:none;}
.exhibit_list .exhibit_con .exhibit_more {position:absolute;top:40px;left:630px;}
.exhibit_view {border-top:solid 2px #666666;}
.exhibit_view li {border-bottom:solid 1px #d4d4d4;}
.exhibit_view li:after {content:""; display:block; clear:both;}
.exhibit_view .exhibit_detail {margin-top:20px;margin-bottom:20px;}
.exhibit_view .exhibit_detail:after {content:""; display:block; clear:both;}
.exhibit_view .exhibit_detail .exhibit {float:left;padding:0 10px 0 0;}
.exhibit_view .exhibit p {text-align:center;}/*height:140px;*/
.exhibit_view .exhibit_detail .explain {float:right;margin-right:15px;}
.exhibit_view .exhibit_detail .explain li {display:block;padding:12px 0 12px 0px;font-size:11px;background:url('/comicsmuseum/images/common/bg_dote.gif') bottom repeat-x;border:none;}
.exhibit_view .exhibit_detail .explain2 {float:left;width:95%;margin-left:20px;}
.exhibit_view .exhibit_detail .explain2 li {display:block;padding:12px 0 12px 0px;font-size:11px;background:url('/comicsmuseum/images/common/bg_dote.gif') bottom repeat-x;border:none;}
.exhibit_view .exhibit_detail .explain2 .point{float:left;padding:0 5px 0 13px;background:url('/comicsmuseum/images/common/point01.gif') 5px 8px no-repeat;}
.exhibit_view .exhibit_detail .explain .exhibit_subject {margin-bottom:10px;color:#333333;font-family:"Gulim","굴림"; font-size:14px;font-weight:bold;}
.exhibit_view .exhibit_detail .explain .exhibit_subject:after {content:""; display:block; clear:both;}
.exhibit_view .exhibit_detail .explain .exhibit_subject img {float:left;}
.exhibit_list .exhibit_detail .explain .exhibit_subject span {float:left;padding-left:10px;width:310px;}
.exhibit_view .exhibit_detail .explain .point{float:left;padding:0 5px 0 13px;background:url('/comicsmuseum/images/common/point01.gif') 5px 8px no-repeat;}
.exhibit_view .exhibit_detail .btn {float:right;padding-top:20px;padding-right:30px;}
.exhibit_view .exhibit_summary {clear:both;padding:40px 30px;border-bottom:solid 1px #d4d4d4;}
.exhibit_view .exhibit_summary img { width:100%; height:auto; }
.exhibit_view .bt_top {margin-top:-40px;}
.exhibit_view .bt_exhibit {float:right;}
.plan_tab ul {width:100%;}
.plan_tab li {width:24%;}

@media only all and (max-width:514px){
	.plan_tab li{width:47%;}
}

/*전시-교육안내
.info_list {clear:both;padding:0 0 30px 0;}
.info_list .person {border:solid 1px #dddddd;background-color:#eeeeee;width:40px;padding:10px;font-weight:bold;}
.info_list:after {content:""; display:block; clear:both;}
.info_list .flim_info_text {padding-top:10px;}
.info-h5 {border-left: 2px solid #ff5400;color: #ff5400;font-size: 13px;margin: 20px 0 10px;padding: 0 0 0 8px;}
.info-h5-fst {border-left: 2px solid #ff5400;color: #ff5400;font-size: 13px;margin:0 0 10px;padding: 0 0 0 8px;}
.info_list ul {font-size:13px;padding:0 0 10px 0;}
.info_list li {background: url("/comicsmuseum/images/common/point01.gif") no-repeat left 10px;padding: 3px 0 3px 10px;}
.info_list li span {font-weight:bold;}
.info_list li .info-n {color:#566f13;}
.info-img {float:left;padding:0 20px 20px 0;}
.info-notice {padding:10px 0 0 0;color:#566f13;}
.info_list2 {padding:0 0 30px 0;}
.info_list2 ul {padding:10px;}
.info_list2 ul li {padding:0 0 3px 0;}
.info_list3 .pic1 img {width:280px;}
.info_list3 .pic1 {float:left;padding:0 10px 10px 0;}
.info_list3 .pic2 {float:left;}
.info_list3 .pic2 img {width:280px;}
.info_list3 .pic3 img {width:90%;}
*/

/*전시-교육안내*/
.info-h5 {border-left: 2px solid #ff5400;color: #ff5400;font-size: 13px;margin: 20px 0 10px;padding: 0 0 0 8px;}
.info-h5-fst {border-left: 2px solid #ff5400;color: #ff5400;font-size: 13px;margin:0 0 10px;padding: 0 0 0 8px;}
.info-button {padding:0 0 10px 0;}
.info-button:after {content:""; display:block; clear:both;}
.info-button .edu-btn01 a {padding:10px 25px 10px 12px;background:url('/comicsmuseum_m/images/common/edu_arr01.png') right 14px no-repeat #d1c7c7;text-align:center;font-size:13px;font-weight:bold;color:#3c3636;display:inline-block;border:1px solid #c0b6b6;}
.info-button .edu-btn02 a {padding:10px 25px 10px 12px;background:url('/comicsmuseum_m/images/common/edu_arr02.png') right 14px no-repeat #786b6b;text-align:center;font-size:13px;font-weight:bold;color:#ffffff;display:inline-block;border:1px solid #786b6b;}
.info_list {padding:0 0 50px 0;}
.info_list:after {content:""; display:block; clear:both;}
.info_list .edu-list {font-size:13px;}
.info_list .edu-list>li {background: url("/comicsmuseum_m/images/common/point01.gif") no-repeat left 10px;padding: 3px 0 3px 10px;}
.info_list .edu-caution {color:#d82323;}


/*교육-상설체험교육*/
.join_list {padding:0 0 30px 0;}
.join_tab li {width:24%;}

@media only all and (max-width:515px){
	.join_tab li{width:47%;}
}

/*교육-만화상상아카데미*/
.ssad {}
.exhibit_detail {margin-top:20px;margin-bottom:20px;}
.exhibit {float:left;margin-left:10px; margin-bottom:10px;}
.exhibit p {height:160px;}
.exhibit img {height:150px; border:solid 1px #d4d4d4;}
.ssad_view {border-top:solid 2px #666666;margin-bottom:10px;}
.ssad_view li {border-bottom:solid 1px #d4d4d4;}
.ssad_view li:after {content:""; display:block; clear:both;}
.ssad_view .exhibit_detail {margin-top:20px;margin-bottom:20px;}
.ssad_view .exhibit_detail:after {content:""; display:block; clear:both;}
.ssad_view .exhibit_detail .exhibit {float:left;margin-left:20px;}
.ssad_view .exhibit_detail .exhibit p {width:280px;height:140px;border:solid 1px #d4d4d4;}
.ssad_view .exhibit_detail .exhibit img {width:280px;height:140px;}
.ssad_view .exhibit_detail .explain {float:left; width:50%;margin-top:19px;margin-left:30px;}
.ssad_view .exhibit_detail .exhibit_subjec {margin-bottom:15px;color:#333333;font-family:"Gulim","굴림"; font-size:14px;font-weight:bold; float:left; margin:18px 0 0 30px;}
.ssad_view .exhibit_detail .exhibit_subjec:after {content:""; display:block; clear:both;}
.ssad_view .exhibit_detail .exhibit_subjec img {float:left;}
.ssad_view .exhibit_detail .exhibit_subjec span {float:left;padding-left:10px;width:230px;}
.ssad_view .exhibit_detail .explain li{float:left;width:100%;padding:12px 0 12px 0;  background:url('/comicsmuseum/images/common/bg_dote.gif') bottom repeat-x; border:none;}
.ssad_view .exhibit_detail .explain .point{float:left;padding:0 5px 0 5px;background:url('/comicsmuseum/images/common/point01.gif') 0 7px no-repeat;}
.ssad_view .exhibit_detail .btn_zone {float:right;}
.ssad_view .exhibit_detail .btn_l {float:left;padding-top:20px;}
.ssad_view .exhibit_detail .btn_r {float:right;padding-top:20px;}
.ssad_view .exhibit_summary {clear:both;padding:40px 30px;border-bottom:solid 1px #d4d4d4;}
.ssad_view .exhibit_summary img { width:100%; height:auto; }
.ssad_view .bt_top {margin-top:-40px;}
.ssad_view .bt_exhibit {float:right;}

/*갤러리*/
.gallery-list {padding:40px 0 0 0;}
.gallery-list li {float:left;width:180px;height:198px;padding:0 10px;}
.gallery-list .thumb img {display:block;height:121px;width:180px;}

/*상영관-이용안내*/
.flim_info {height:150px;margin-bottom:10px;background:url('/comicsmuseum/images/cinema/bg_film.jpg') bottom #000000 no-repeat;color:#ffffff;}
.flim_info {padding:40px 0 0;}
.flim_info_list {padding:0 0 30px;}
.flim_info_list .list_dep01 {float:left;padding-left:20px;width:40%;}
.flim_info_list .pic1 {float:left;width:50%;}
.flim_info_list .pic1 img {width:95%;}
.flim_info_text {line-height:170%;padding:0 0 20px 0;}
.flim_info .pic {width:100%;}

@media only all and (max-width:780px){
	.pic img{width:100%;}
}
@media only all and (max-width:390px){
	.film_info .cross_con2 img{width:100%;}
}

/*상영작안내*/
.film_btn_zone {float:right; padding:0 0 15px 0;}
.film_board {border-top:3px solid #000; max-width:650px;}
.film_board li {border-bottom:1px solid #dddddd; display:inline-block; padding:20px 0; width:100%;}
.film_board .photo img{padding:0 10px;}
.film_board .photo_detail {display:inline-block;width:60%;padding-left:20px;}
.film_board .photo_detail .film_tit {width:100%;}
.film_board .photo_detail .film_tit .film_tit_txt {font-size:15px; font-weight:bold; padding: 0 15px;}
.film_board .photo_detail .btm_bd li {border-bottom:1px dotted #dddddd; padding:10px; background:url("/komacon/images/common/ico_dep04.gif") left 3px top 16px no-repeat;width:100%;display:inline-block; }
.film_board .photo_detail .btm_bd .ul_bottom {background:none; border:none; padding:10px 0;}
.film_board .ico_more {display:inline-block;}
.photothumb_view {border-top:solid 2px #666666;}
.photothumb_view li {border-bottom:solid 1px #d4d4d4;}
.photothumb_view li:after {content:""; display:block; clear:both;}
.photothumb_view .photo_detail {;margin-top:20px;margin-bottom:20px;}
.photothumb_view .photo_detail:after {content:""; display:block; clear:both;}
.photothumb_view .photo_detail .photo {float:left;width:180px;margin-left:20px;}
.photothumb_view .photo_detail .photo p {width:140px;height:180px;border:solid 1px #d4d4d4;}
.photothumb_view .photo_detail .photo img {width:140px;height:180px;}
.photothumb_view .photo_detail .photo_subject {float:left;margin-bottom:15px;color:#333333;font-family:"Gulim","굴림"; font-size:14px;font-weight:bold;}
.photothumb_view .photo_detail .photo_subject:after {content:""; display:block; clear:both;}
.photothumb_view .photo_detail .photo_subject img {float:left;}
.photothumb_view .photo_detail .photo_subject span {float:left;padding-left:10px;width:310px;}
.photothumb_view .photo_detail .photo_info {float:left;}
.photothumb_view .photo_detail .photo_info .point{float:left;padding:0 10px 0 5px;background:url('/comicsmuseum/images/common/point01.gif') 0 5px no-repeat;}
.photothumb_view .photo_detail .photo_info li {display:block;padding:7px 0 7px 7px;background:url('/comicsmuseum/images/common/bg_dote.gif') bottom repeat-x;font-size:11px;border:none;}
.photothumb_view .photo_detail .photo_subject .photo_info ul li .max {background:none;}
.photothumb_view .photo_box {padding:20px;background-color:#f4f4f4;}
.photothumb_view .photo_box ul li {border:none;background:url('/comicsmuseum/images/common/point01.gif') 0 5px no-repeat;padding-left:10px;}
.photothumb_view .photo_summary {clear:both;padding:40px 30px;border-bottom:solid 1px #d4d4d4;}
.photothumb_view .photo_summary img { width:100%; height:auto;}
.photothumb_view .photo_summary object { width:100%; height:auto;}
.photothumb_view .bt_top {margin-top:-40px;}
.photothumb_view .bt_exhibit {float:right;}
.photothumb_view .photo_btn {float:right;padding-top:10px;}
.photothumb_view .film_timetable {margin-bottom:30px;}
.photothumb_view .film_timetable .txt_timetable {font-weight:bold;font-size:13px;color:#333333;}
.photothumb_view .film_timetable table {font-size:13px;}
.photothumb_view .film_timetable table th {padding:5px 0; border-top:solid 1px #666666; border-bottom:solid 1px #dddddd; font-size:11px; font-weight:normal; color:#404040;}
.photothumb_view .film_timetable table td {height:30px; padding:5px 0; border-bottom:1px solid #dddddd; text-align:center;}
.photothumb_view .film_timetable table td a {color:#666666;font-family:Gulim;}

/*만화도서관-열람실안내*/
.library_room_info_list {width:100%;margin:0 0 50px;}
.library_room_info_list:after {content:""; display:block; clear:both;}
.library_room_info_list img {float:left;width:30%;}
.library_room_info_list .dl_style1 {float:left;padding-left:20px;width:60%;}
.library_room_info_list p {float:left;}

/*만화도서관-이용안내*/
.library_use_info_list {margin:0 0 30px 0;}
.library_use_info_list h4 {padding-bottom:10px;}
.library_use_info_list .pic {float:left;width:40%;}
.library_use_info_list .pic img {width:95%;}
.library_use_info_list .txt_zone {float:right;width:60%;}
.library_list_dep01 li {background:url("/komacon/images/common/ico_dep03.gif") left 6px no-repeat;padding:0 0 10px 10px;line-height: 170%;}
.library_list_dep01 li:last-child {padding:0 0 0 10px;}

/*박물관소개-설립취지*/
.info .pic img {width:100%;}
.info .info_txt {width:100%;padding-top:20px;}

/*ci*/
.ci_top {padding:0 0 60px; width:100%;}
.ci_top p {padding:0 0 0 0;font-size:13px;line-height:170%;}
.ci_top .ci_txt {padding:30px 0 0 0;}
.ci_top p .text_red {color:#EB3232;}
.ci_zone {position:relative;padding:0 0 50px 0;}
.ci_zone .down_zone {position:absolute;overflow:hidden;right:0;top:0;}
.ci_zone .down_zone li {float:left;padding:0 0 0 5px;}
.down_zone img {width:99px;}
.ci_con {width:100%;border:1px solid #d4d4d4;overflow:hidden;}
.ci_con p {width:49.7%;float:left;text-align:center;border-right:1px solid #d4d4d4;padding:70px 0;} 
.ci_con p.last {border:none;}
.ci_con .p2 {width:33%;float:left;text-align:center;border-right:1px solid #d4d4d4;padding:70px 0;} 

/*직원안내*/
.staff_img img {width:100%;}
.staff_img {width:100%;;margin:0 0 50px;}
.staff_list {width:100%;margin:0 0 50px;}
.staff_list ul {padding:20px;border:solid 1px #dddddd;margin-top:-1px;}
.staff_list ul li.name {background:none;padding:0 0 8px 0;font-size:13px;border-bottom:solid 1px #dddddd;}
.staff_list ul li {background:url('/comicsmuseum/images/common/point01.gif') 0 7px no-repeat;padding:0 0 0 5px;margin:5px 0 0 0;}
.staff_list ul li ul {padding:0;border:none;padding-left:55px;font-size:11px;color:#666666;}
.staff_list ul li ul li {background:none;}
.org_con {display:none;}
.org_con ul {padding:0 0 10px 10px;}

/* 테이블 */
.table_design2 { width: 100%; border-top: solid 2px #eb6903; border-right-style:hidden; border-left-style:hidden; }
.table_design2 th,
.table_design2 td { border:1px solid #ddd; padding: 12px 5px; text-align: center; }
.table_design2 .th1 { font-weight: bold; }
.table_design2 .text_left { text-align: left; }
.table_design2 .td_list > li { background:url('/comicsmuseum/images/common/point02.gif') 0 8px no-repeat; padding-left:10px; }
.table_design2 .bold { font-weight: bold; }
.table_design2 .bg1 { background: #fffaf6; }

.cm_option { display: flex; width: 100%; justify-content: space-between; }
.cm_option > div { width: 100% }
.cm_option img { max-width: 100%; }
.cm_option .wp-30 { flex-shrink: 0; width: 30% !important; }
.cm_option .wp-35 { flex-shrink: 0; width: 35% !important; }
.cm_option .wp-40 { flex-shrink: 0; width: 40% !important; }
.cm_option .wp-50 { flex-shrink: 0; width: 50% !important; }
.cm_option .wp-60 { flex-shrink: 0; width: 60% !important; }
.cm_option .wp-65 { flex-shrink: 0; width: 65% !important; }
.cm_option .wp-70 { flex-shrink: 0; width: 70% !important; }
.cm_option .wp-100 { flex-shrink: 0; width: 100% !important; }



@media only all and (max-width:480px){	
	.di_reserve a.link {display:block;width:100%;background:#d04813;}

	.tab {padding:0 0 10px;}
	.tab ul li {float:left;margin:0 3px 5px 0;padding:10px 0; text-align:center; border:solid 1px #d4d4d4;width:31.5%;} 
	.tab ul li.on {background:#827575;border:1px solid #827575;color:#ffffff;}
	
	.map .pic1 img {width:100%;}
	.map .park_con dt {font-size:0.75em;}
	.map .park_con dd {font-size:0.75em;}
	.map .bus_list dl {width:100%;}
	.map .bus_list dt {float:left;width:auto;padding:10px;background:#d1c7c7;margin:0 0 5px;font-weight:bold;text-align:center;}
	.map .bus_list dd {float:left;margin:10px 0 20px 0;padding:0;}
	
	/**/
	.info_list {clear:both;padding:0 0 30px 0;}
	
	/*상설전시*/
	.show .tab_zone li {width:44%;}
	.show .tab_zone.facility li {width:33%;}
	.show .per_cross_list .pic1 {padding:0 0 10px 10px;}
	.show .per_cross_list .pic6 img {float:left;width:270px;padding:0 0 10px 0;}
	.show .per_cross_list .dl_style1  {clear:both;float:left;width:100%;padding:0;}
	.show .per_cross_list .dl_style1  li {background:none;padding:0;}
	/*상설전시-체험존*/
	.per_join_box {border:solid 1px #d4d4d4;background:url('/comicsmuseum/images/show/per_join_img01.jpg') right bottom no-repeat;padding:30px 20px 100px 20px;font-size:13px;line-height:180%;}
	.per_join_box p {font-size:11px;}
	.per_join_con {overflow:hidden;padding:30px 0 0 0;font-size:13px;}
	.per_join_con .per_join_img {float:left;}
	.per_join_con .per_join_img img {width:100%;}
	.per_join_con .per_join_txt {float:right;width:63%;line-height:160%;padding:0 0 0 0;}

	/* 온라인전시 리스트 */
	.show3_list { margin: 0 -5px; margin-top: -10px; }
	.show3_list > li { width: 50%; margin-top: 10px; }
	.show3_list .item { margin: 0 5px; }

	/*ci*/
	.ci_top .pic img {width:100%;}
	.ci_con img {width:70%;}
	.down_zone img {width:52px;}
	
	
	.exhibit_list .exhibit {width:100%;padding:0;position:relative;}
/*	.exhibit_list .exhibit p {position:relative;left:50%;margin-left:-65px;} */
	.exhibit_list .exhibit p {text-align:center;}
	.exhibit {display:block;}
	.exhibit_list .exhibit_con {clear:both;width:100%;}
	
	.exhibit_view .exhibit_detail .exhibit {width:100%;padding:0;position:relative;}
	.exhibit_view .exhibit_detail .exhibit p {text-align:center;}
	.exhibit_view .exhibit_detail .explain {float:left;width:90%;margin-left:20px;}
	.exhibit_view .exhibit_detail .explain2 {float:left;width:90%;}
	
	/*상설체험교육-자세히보기*/
	.ssad_view .exhibit_detail .exhibit {padding:0;position:relative;}
	.ssad_view .exhibit_detail .exhibit p {text-align:center;}
	.ssad_view .exhibit_detail .exhibit img {width:280px;height:140px;}
	.ssad_view .exhibit_detail .explain {float:left; width:85%;margin-top:19px;}

	.gallery-list {padding:40px 0 0 0;}
	.gallery-list ul {}
	.gallery-list li {width:100%;height:220px;padding:0;}
	.gallery-list .thumb img {display:block;height:134px;width:200px;}

	.edu_info .pic1 img {width:100%;}
	.edu_info .pic1 {float:left;padding:0 0 10px 0;width:100%}
	.edu_info .pic2 {float:left;padding:0 0 10px 0;width:100%}
	.edu_info .pic2 img {width:100%;}
	.info_list3 .pic3 img {width:100%;}

	.top_mg50 {margin-top:50px;}
		
	/*상영관-이용안내*/
	.flim_info_list .list_dep01 {clear:both;float:left;padding-left:0;width:100%;}
	.flim_info_list .pic1 {float:left;width:100%;padding-bottom:10px;}
	.flim_info_list .pic1 img {width:100%;}

	/*상영관-상영작안내*/
	.film_board .photo_detail {width:50%;padding-left:10px;}

	/*상영관-상영작자세히보기*/
	.photothumb_view .photo_detail .photo_subject {clear:both;padding-top:10px;}
	.photothumb_view .photo_detail .photo_info {clear:both;float:none;}
	.photothumb_view .photo_detail .photo_info li {width:100%;}

	/*도서관이용안내*/
	.library_use_info_list .pic {width:100%;padding-bottom:10px;float:none;}
	.library_use_info_list .pic img {width:100%;}
	.library_use_info_list .txt_zone {width:100%;float:none;}

	
}

@media only all and (max-width:320px){	
	/*시설안내*/
	.facility_list {padding:0 0 50px 0;}
	.facility_list img {float:left;width:100%}
	.facility_list .dl_style1 {clear:both;float:left;padding-left:0;padding-top:10px;width:100%;}
	.facility_list p {float:left;}
	
	.show .tab_zone ul li {width:49%;letter-spacing:-1px;}
	/*상설전시*/
	.show .per_cross_list .cross_text {clear:both;}
	.show .per_cross_list .pic3 img {width:270px;}
	.show .per_cross_list .pic4 img {width:270px;}
	.show .per_cross_list .pic5 img {width:270px;}
	.show .per_cross_list .pic6 img {width:270px;}
	/*상설전시-체험존*/
	.per_join_box {border:solid 1px #d4d4d4;background:url('/comicsmuseum/images/show/per_join_img01.jpg') right bottom no-repeat;padding:30px 20px 100px 20px;font-size:13px;line-height:180%;}
	.per_join_box p {font-size:11px;}
	.per_join_con {overflow:hidden;padding:30px 0 0 0;font-size:13px;}
	.per_join_con .per_join_img {float:left;width:100%;}
	.per_join_con .per_join_img img {width:100%;}
	.per_join_con .per_join_txt {float:left;width:100%;line-height:160%;padding:10px 0 0 0;}

	.ssad_view .exhibit_detail .exhibit {padding:0;position:relative;}
	.ssad_view .exhibit_detail .exhibit p {position:relative;left:50%;margin-left:-75px;}
	.ssad_view .exhibit_detail .exhibit p {width:224px;height:112;border:solid 1px #d4d4d4;}
	.ssad_view .exhibit_detail .exhibit img {width:224px;height:112;}
	.ssad_view .exhibit_detail .explain {float:left; width:85%;margin-top:19px;}

	.show .tab_zone li {width:41%;}
	.show .tab_zone.facility li {width:33%;}
	
	/*상영관-이용안내*/
	.flim_info_list .pic {padding-bottom:10px;}
	
	/*상영관-상영작안내*/
	.film_board .photo_detail {clear:both;width:85%;padding-top:10px;}

	/*도서관이용안내*/
	.library_use_info_list .pic {padding-bottom:10px;}
	.library_use_info_list .pic img {width:280px;}

	/* 온라인전시 리스트 */
	.show3_list { margin: 0; }
	.show3_list > li { width: 100%; }
	.show3_list .item { margin: 0; }
	.show3_list .item .thumb { padding-top: 70%; }
	.show3_list .item .thumb .centered img { width: 100%; min-width: auto; height: auto; }
}