@charset "utf-8";

/*margin 값*/
.mar_t10 {margin-top: 10px !important;}

.mar_l5 {margin-left: 5px !important;}
.mar_l10 {margin-left: 10px !important;}

.mar_r5 {margin-right: 5px !important;}
.mar_r10 {margin-right: 10px !important;}

.mar_b0 {margin-bottom: 0 !important;}

/*패딩*/
.pad_t0 {padding-top: 0 !important;}

.pad_b0 {padding-bottom: 0 !important}

.pad_l5 {padding-left: 5px !important;}
.pad_l7 {padding-left: 7px !important;}
.pad_l69 {padding-left: 69px !important;}
.pad_l90 {padding-left: 90px !important;}

.pad_r5 {padding-right: 5px !important;}

/*넓이값*/
.wp100 {width: 100% !important;}
.wp50 {width: 50% !important;}
.wp49 {width: 49% !important;}
.wp323 {width: 32.33333% !important;}
.wp333 {width: 33.33333% !important;}

/*높이값*/
.h180 {height: 180px !important; }

.bgN {background: none !important;}

.subContainer {margin: 0 auto; background-color: #fff;}
.subContainer .sub_topImg {width: 100%; height: 225px; background: url('/solgeo/pc/img/sub_topImg.jpg') no-repeat center center; background-size: cover; }

div.contents {overflow: hidden; width: 1024px; margin: 0 auto; background: url('/solgeo/pc/img/left_bg.jpg') repeat-y left top;}

div.sub_topImg {font-size: 0;}

/* 왼쪽메뉴 */
#leftMenu { float: left; width: 230px;}
#leftMenu h3 {color: #fff; font-size: 20px; text-align: left; background-color: #36a7ba; padding: 28px 0 28px 15px;}
#leftMenu h3 .subTit_en {display: block; font-size: 12px; font-weight: 400;}
#leftMenu ul li {border-left: 1px solid #d7d7d7;}
#leftMenu ul li a { display: block; padding: 8px 0 8px 25px; font-size: 15px; color: #000; background-image: url('/solgeo/pc/img/left_off.jpg'); background-repeat: no-repeat; background-position: 12px 50%; background-color: #f5f5f5; border-bottom: 1px solid #d7d7d7;}
#leftMenu ul li.on a {background-image: url('/solgeo/pc/img/left_on.jpg'); background-color: #fff;}

/* 서브 내용 */
div.contentsBox { /*width: 760px;*/ padding: 30px 0 30px 260px;}

div.location {overflow: hidden; float: left;}
div.location ul {overflow: hidden; float: left;}
div.location ul li {float: left; padding: 0 15px; background: url('/solgeo/pc/img/loca_arrow.png') no-repeat right center;}
div.location ul li:first-child {padding:0 15px 0 0;}
div.location ul li span {display: block; font-size: 12px;}
div.location ul li.loca_home span {width: 15px; height: 20px; background: url(/solgeo/pc/img/loca_home.png) no-repeat left center; background-size: 100%; font-size: 0;}
div.location ul li.loca_last {background: none;}

h3.contents_tit { padding-left: 20px; background: url('/solgeo/pc/img/sub_title.png') no-repeat left center; font-size: 24px; margin-bottom: 15px;}

div.con {margin-bottom: 20px; font-size: 14px; /*background-color: #f6f6f6;*/}
div.con div.textBox { width: 720px; /*padding:15px  20px;*/}
div.con div.textBox p {padding: 10px 0;}

/*현재전시*/
 div.s02_box {width: 760px;}
div.s02_box ul {width: 760px;}
div.s02_box > ul > li {border-bottom: 1px dotted #666;}
div.s02_box ul li {height: 185px; padding: 20px 0; }
div.s02_con {width: 750px; height: 180px;}
div.s02_img {float: left; text-align: center; width: 160px; height: 180px;}
div.s02_img img {height: 180px;}
div.s02_txt {float: right; width: 580px;}
div.s02_txt p {text-align: right;}
div.s02_txt_list ul {background: #f6f6f6; padding: 10px 0 10px 10px; width: 570px; margin-bottom: 10px;}
div.s02_txt_list ul li {height: 18px; padding: 3px 0 3px 15px; width: 430px; background: url('/solgeo/pc/img/exhibit_bullet.jpg') no-repeat 3px 12px;}
div.s02_txt_list ul li span {color: #1177b0; float: left; width: 75px; font-weight: 500;}
h3.s02_tit {color: #1177b0; font-size: 18px; font-weight: 600; padding: 0 0 10px;} 
div.exBox {overflow: hidden;}
div.exBox div.exhibit_con {float: left; width: 375px;}
a.btnM {display: inline-block; height: 30px; padding: 0 24px 0; border-radius: 2px; border: 0; font-size: 15px; line-height: 29px; color: #fff; background-color: #36a7ba; cursor: pointer;}

div.num {clear: both; text-align: center; padding-top: 15px;}
div.num img {vertical-align: middle;}
span.numline {vertical-align: middle;}
span.numline .on {color: #333; font-size: 15px; font-weight: 600;}

.depth_02 {}
.depth_02 li {padding: 3px 0 3px 15px; width: 430px; background: url('/solgeo/pc/img/exhibit_bullet.jpg') no-repeat 3px 12px;}
.depth_02 span {color: #1177b0; font-weight: 500; display: inline-block; width: 60px;}

/*현재전시 내용*/
div.s02_view_box {padding: 15px 0;}
div.s02_view01 {background-color: #f3f3f3; height: 180px; width: 760px;}
div.s02_view01_img {float: left; text-align: center; width: 160px; background-color: #fff;}
div.s02_view01_img img {height: 180px;}
div.s02_view01_txt {float:right; padding: 20px 0 0 0; width: 580px;}
div.s02_view_box {width: 760px;}
div.s02_view_box02 {padding: 15px 0;}
h3.s02_view_box {color: #1177b0; font-size: 18px; font-weight: 600; padding: 0 0 10px; width: 480px;}
.s02_view01_txt_list ul {background-color: #f3f3f3; padding: 10px 0; width: 490px;}
.s02_view01_txt_list ul li {height: 18px; padding: 4px 0 4px 10px; clear:both; background: url('/solgeo/pc/img/exhibit_bullet.jpg') no-repeat left 12px;}
.s02_view_btn {overflow: hidden;}
.s02_view_btn a.btnM {float: right;}

ul.ex_imgCon {overflow: hidden; padding: 2px 0;}
ul.ex_imgCon li {float: left; margin: 0 0.5%;}
div.ex_con {margin-bottom: 35px;}
div.ex_con_text {padding: 10px 0 20px; border-bottom: 1px solid #d4d4d4;}
div.ex_con_text p.ex_conTitle {font-weight: 500; font-size: 20px; color: #36a7ba; padding: 5px 0;}
div.ex_con_text p {font-size: 15px; font-weight: 400;}

/*소장품*/
.wrap_collection01 {position: relative; border: 1px solid #dfdfdf; background-color: #f7f7f7; height: 50px; margin-bottom: 20px;}

select {border: 1px solid #ccc; box-sizing: border-box; margin: 0; font-size: 1em; height: 24px; line-height: 24px;}

.inputTxt {border: 1px solid #ccc; box-sizing: border-box; margin: 0; font-size: 1em; height: 24px; line-height: 24px;}
.wrap_list_collection {border-top: 2px solid #666; margin-bottom: 40px;}
.wrap_list_collection .wrap_clist {position: relative; width: 100%;}
.wrap_list_collection .wrap_clist dt {width: 160px; height: 160px; padding: 10px; float: left; border-bottom: 1px solid #ccc;}
.wrap_list_collection .wrap_clist dt a {display: block; position: relative; width: 100%; height: 100%;}
.wrap_list_collection .wrap_clist dt img {position: absolute; max-width: 94%; max-height: 94%; padding: 3%; border: 1px solid #c4c4c4; width: auto; height: auto; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.wrap_list_collection .wrap_clist dd {width: 179px; height: 140px; padding: 20px 10px; border-right: 1px solid #ccc; float:left; border-bottom: 1px solid #ccc;}
.wrap_list_collection .wrap_clist dd.last {border-right: 0;}
.wrap_list_collection .wrap_clist dd li.pic_tit {font-size: 16px; color: #000; font-weight: 500; line-height: 28px; padding-left: 0; background: none;}
.wrap_list_collection .wrap_clist dd li {font-size:15px; color: #555; padding-left: 12px; background: url('/solgeo/pc/img/bg_4dot.png') no-repeat left 9px;}

.collection_search {text-align: center; padding: 13px 0;}

span.cname {position: absolute; top:-9999px;}

.list_bot_wrap {clear:both; text-align:center; padding-top:20px;}
.list_bot_wrap .numline {vertical-align: super;}

/*소장품 내용 페이지*/
div.wrap_collection03 {border-top: 2px solid #666; margin-bottom: 40px; display: block; width: 100%; padding-top: 20px;}
div.wrap_collection03 .mid_img {height: auto; float:left; width: 303px;}
.mid_img div {position: relative;}
.thumb_view .img {text-align:center;}
.thumb_view .img img {max-width: 100%; max-height: 100%; width: 100%; border: 1px solid #dfdfdf; vertical-align:middle;}
.thumb_view .img {overflow: hidden; padding: 5px 0 0; width: 100%;}
.thum_img a:first-child {margin-left: 0;}
.thum_img a {display: inline-block; margin-left: 6px;}
.thum_img a img {width: 75px; height: 48px; border: 1px solid #ccc;}
.thum p.thum_direction {background: url("/solgeo/pc/img/bg_pn_btn.gif") no-repeat scroll 0 0; height: 50px; right: 0; margin-top: 5px; position: absolute; bottom: 5px; width: 53px;}
.thum .btn_pre01 {bottom: 3px; display: block; left: 3px; padding: 4px 7px; position: absolute;}
.thum .btn_next01 {display: block; padding: 4px 7px; position: absolute; right: 3px; top: 6px;}
.thumb_view span {bottom: 0; display: block; left: 0; position: absolute; z-index: 100;}
.thumb_view .cycle-slideshow img {width: 100%;}
.mid_img_text {float: right; width: 400px;}
.mid_img_text ul {width: 190px; float: left;}
.mid_img_text ul li {width: 380px; background: url('/solgeo/pc/img/bg_4dot.png') no-repeat 0 14px; line-height: 110%; padding-left: 15px; color: #555; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; font-size: 14px;}
.mid_img_text ul li.first {background-image: none; padding-left: 0; padding-top: 0; font-size: 18px; font-weight: 500; color: #333;}
.detail_view {position: relative; width: 100%; border-bottom: 1px solid #ccc; margin-top: 10px; float: left;}
.detail_view dt {height: 30px; padding-top: 10px; background-color: #efefef; border-bottom: 1px dashed #ccc; font-size: 15px; font-weight: 600; padding-left: 20px;}
.detail_view dd {padding: 20px; line-height: 170%; color: #555; font-size: 14px;}
.board_btn {padding: 10px 0; text-align: right; clear: both;}
.btn_white {background:#36a7ba; border-radius: 3px; color: #fff; font-size: 15px; line-height: 20px !important; padding: 5px 14px;}

/*테이블스타일*/
.tab_01 {width:100%; font-size:14px; margin:10px 0 20px 20px; border-collapse:collapse; border-spacing:0px;}
.tab_01 tr:first-child {border-top:2px solid #000;}
.tab_01 th {color:#fff;padding:14px;text-align:center;background:#555; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.tab_01 th:last-child {border-right:none;}
.tab_01 th.firstth {width:25%;}
.tab_01 td.firtd {width:25%;}
.tab_01 td {padding:17px;text-align:center; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.tab_01 td:first-child {border-left:none;}

.answer .tab_01 {margin:10px 0 20px 0;}

/*텍스트컬러*/
.mint {color:#36a7ba;}
.red {color:#cb0202;}

.font20 {font-size:20px;}

/*이미지*/
.w720 {width:720px; margin-left:20px;padding-bottom:20px;}

/*Q&A*/
.textBox .qanda {border-top:2px solid #000; width:720px; margin-left:18px;}
.textBox .qanda ul {padding-left:0;}
.textBox .qanda li {overflow:hidden; border-bottom:2px dotted #d6d6d6;}
.textBox .qanda .question {display:block; font-weight:500; color:#333; padding:10px 0 15px 0;}
.textBox .qanda .answer {position:relative; display:none; padding:12px 20px 17px 50px; font-size:13px;}
.textBox .qanda .mark_q {display:block; float:left; margin:-1px 8px 0 20px; font-size:18px; color:#36a7ba; text-align:right;}
.textBox .qanda .mark_a {position:absolute; top:12px; left:0; margin:0 8px 0 20px; font-size:18px; color:#cb0202; text-align:right;}
.qanda .answer p {padding:0 !important;}

.answer {background:#fafafa; border-top:0.5px solid #e8e8e8;}
.answer .qanda_dep {margin-top:0 !important; padding-left:0 !important;}
.answer .qanda_dep ul {padding-left:0px;}
.answer .qanda_dep li {background:none; border:none;}
.answer .qanda_dep ul li {background:none; }
.answer .depth_01 li {padding-left:0 !important;}
.answer img {margin-left:0; width:100%; padding-top:20px;}
.qanda ul { margin:0 !important;}


/*헤딩태그*/
.textBox h4 {background:url('/solgeo/pc/img/sub_title2.png') left center no-repeat; padding-left:18px; font-size:16px; margin-left:20px;}
.con h4 {background:url('/solgeo/pc/img/sub_title2.png') left center no-repeat; padding-left:18px; font-size:16px; margin-bottom:10px;}
.textBox ul {font-size:14px; padding-left:18px; margin:12px 0 12px 10px;}
.textBox ul li {line-height:26px;}
.textBox .depth_01 li {background:url('/solgeo/pc/img/sub_title3.jpg') left 13px no-repeat; padding-left:10px;}

/*리스트*/
.mt15 li {margin-top:15px;}


/*sns*/
.sns_option { position:relative; overflow:hidden; height:35px;}
.sns_option .so_right { position:relative; float:right;}
.sns_option .so_right a { display:inline-block; margin-right:2px; }
.sns_option .so_right img {width:25px; height:25px;}

.location_Wrap { border-bottom:1px solid #e8e8e8; width:740px; margin-bottom:10px;}



/*아트숍*/
.library_box {
	display: inline-block;
	width: 100%;
	text-align: center;

}

.library_box img {	border-top:2px solid #000;}
.library_box p {margin-bottom:15px;  border:1px solid #ccc;}
.library_box li {margin-bottom:15px;}
.library_box li:last-child {margin-bottom:0px;}

.library_box > div > ul > li > p > .art_title {
    display: inline-block;
    width: 100%;
    font-size: 17px;
    color: #333333;
       margin-top: 10px;
}

.library_box > div > ul > li > p > .art_body {
    display: inline-block;
    width: 100%;
    height: 42px;
    line-height: 21px;
    overflow: hidden;
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
}

.art_left {float:left;}
.art_right {float:right;}
.art_title {font-size:16px; }
.art_body {font-size:14px; color:#555;}