@charset "utf-8";
/* share_board 공유자원모듈 전용 CSS Document */

.box_share_top{border: 1px solid #d2d2d2; float: left; padding: 40px 0; box-sizing: border-box; border-radius: 3px; margin-bottom: 30px; }
.box_share_top .map_area{ float: left;  width: 480px; box-sizing: border-box;}
.box_share_top .map_area .map{width: 469px; height:350px; background: url(/images/gongik/share/img_map2.png) 0 0 no-repeat; margin-left: 30px; position: relative;}
.box_share_top .map_area li{position:absolute;}
.box_share_top .map_area li a{ display: block; background-color:#2a548e; color: #fff; font-size:14px; letter-spacing: -1px; border-radius: 20px; height: 28px; line-height: 28px;  width: 62px; text-align: center; z-index: 2;}
.box_share_top .map_area li.on a{ position: absolute; background-color: #041a38; }

/*기본 위치*/
.box_share_top .map_area li.nampyeong{ left:373px; top: 73px; }
.box_share_top .map_area li.seji{ left:193px; top:262px; }
.box_share_top .map_area li.wanggok{ left:141px; top:207px;}
.box_share_top .map_area li.bannam{ left: 110px; top: 277px;}
.box_share_top .map_area li.gongsan{ left: 61px; top:212px;}
.box_share_top .map_area li.donggang{ left: 4px; top:285px;}
.box_share_top .map_area li.dasi{ left: 61px; top:143px;}
.box_share_top .map_area li.munpyeong{ left: 71px; top:56px;}
.box_share_top .map_area li.noan{ left: 181px; top:30px;}
.box_share_top .map_area li.geumcheon{ left: 293px; top:44px;}
.box_share_top .map_area li.sanpo{ left: 319px; top:107px;}
.box_share_top .map_area li.dado{ left: 346px; top:243px;}
.box_share_top .map_area li.bonghwang{ left: 278px; top:228px;}
.box_share_top .map_area li.songwol{ left: 228px; top:122px;}
.box_share_top .map_area li.yeonggang{ left: 140px; top:140px;}
.box_share_top .map_area li.geumnam{ left: 7px; top:94px;}
.box_share_top .map_area li.seongbuk{ left:260px; top:4px;}
.box_share_top .map_area li.yeongsan{ left:244px; top:172px;}
.box_share_top .map_area li.ichang{ left:139px; top:170px;}
.box_share_top .map_area li.bitgaram{ left:394px; top:152px;}

/*동 on일때*/
.box_share_top .map_area li.on a{transform: translate(3px ,8px); transition: 0.3s ease .1s}
.box_share_top .map_area li.nampyeong.on{ background: url(/images/gongik/share/nampyeong.png) 0 0 no-repeat; width:96px; height: 174px; left: 332px; top: 54px; }
.box_share_top .map_area li.nampyeong.on a{left: 41px; top:19px;}
.box_share_top .map_area li.seji.on{ background: url(/images/gongik/share/seji.png) 0 0 no-repeat; width:76px; height: 116px; left: 210px; top: 198px; }
.box_share_top .map_area li.seji.on a{left: -17px; top:64px;}
.box_share_top .map_area li.wanggok.on{ background: url(/images/gongik/share/wanggok.png) 0 0 no-repeat; width:127px; height:76px; left: 100px; top:182px; }
.box_share_top .map_area li.wanggok.on a{ left:40px; top:25px;}
.box_share_top .map_area li.bannam.on{ background: url(/images/gongik/share/bannam.png) 0 0 no-repeat; width:66px; height: 97px; left: 121px; top: 228px; }
.box_share_top .map_area li.bannam.on a{ left:-11px; top:49px;}
.box_share_top .map_area li.gongsan.on{ background: url(/images/gongik/share/gongsan.png) 0 0 no-repeat; width:102px; height: 106px; left: 49px; top: 175px; }
.box_share_top .map_area li.gongsan.on a{ left:12px; top:37px;}
.box_share_top .map_area li.donggang.on{ background: url(/images/gongik/share/donggang.png) 0 0 no-repeat; width:78px; height: 167px; left: 2px; top: 180px; }
.box_share_top .map_area li.donggang.on a{ left:2px; top:105px;}
.box_share_top .map_area li.dasi.on{ background: url(/images/gongik/share/dasi.png) 0 0 no-repeat; width:129px; height: 143px; left: 76px; top: 75px; }
.box_share_top .map_area li.dasi.on a{ left:-15px; top:68px;}
.box_share_top .map_area li.munpyeong.on{ background: url(/images/gongik/share/munpyeong.png) 0 0 no-repeat; width:113px; height: 135px; left: 78px; top: 13px; }
.box_share_top .map_area li.munpyeong.on a{ left:-7px; top:43px;}
.box_share_top .map_area li.noan.on{ background: url(/images/gongik/share/noan.png) 0 0 no-repeat; width:122px; height: 94px; left: 167px; top: 11px; }
.box_share_top .map_area li.noan.on a{ left:14px; top:19px;}
.box_share_top .map_area li.geumcheon.on{ background: url(/images/gongik/share/geumcheon.png) 0 0 no-repeat; width:71px; height: 121px; left: 241px; top: 76px; }
.box_share_top .map_area li.geumcheon.on a{ left:52px; top:-32px;}
.box_share_top .map_area li.sanpo.on{ background: url(/images/gongik/share/sanpo.png) 0 0 no-repeat; width:67px; height: 94px; left: 291px; top: 82px; }
.box_share_top .map_area li.sanpo.on a{ left:28px; top:25px;}
.box_share_top .map_area li.dado.on{ background: url(/images/gongik/share/dado.png) 0 0 no-repeat; width:99px; height: 191px; left: 308px; top: 148px; }
.box_share_top .map_area li.dado.on a{ left:38px; top:95px;}
.box_share_top .map_area li.bonghwang.on{ background: url(/images/gongik/share/bonghwang.png) 0 0 no-repeat; width:108px; height: 178px; left: 242px; top:164px; }
.box_share_top .map_area li.bonghwang.on a{ left:36px; top:64px;}
.box_share_top .map_area li.songwol.on{ background: url(/images/gongik/share/songwol.png) 0 0 no-repeat; width:46px; height: 33px; left: 208px; top: 129px; }
.box_share_top .map_area li.songwol.on a{ left:20px; top:-7px;}
.box_share_top .map_area li.yeonggang.on{ background: url(/images/gongik/share/yeonggang.png) 0 0 no-repeat; width:52px; height: 35px; left: 178px; top: 137px; }
.box_share_top .map_area li.yeonggang.on a{ left:-38px; top:3px;}
.box_share_top .map_area li.geumnam.on{ background: url(/images/gongik/share/geumnam.png) 0 0 no-repeat; width:72px; height: 51px; left: 182px; top: 93px; }
.box_share_top .map_area li.geumnam.on a{ left:-175px; top:1px;}
.box_share_top .map_area li.seongbuk.on{ background: url(/images/gongik/share/seongbuk.png) 0 0 no-repeat; width:48px; height: 51px; left:207px; top:79px; }
.box_share_top .map_area li.seongbuk.on a{ left:53px; top:-75px;}
.box_share_top .map_area li.yeongsan.on{ background: url(/images/gongik/share/yeongsan.png) 0 0 no-repeat; width:59px; height: 58px; left:220px; top:150px; }
.box_share_top .map_area li.yeongsan.on a{ left:24px; top:22px;}
.box_share_top .map_area li.ichang.on{ background: url(/images/gongik/share/ichang.png) 0 0 no-repeat; width:109px; height: 48px; left:134px; top:159px; }
.box_share_top .map_area li.ichang.on a{ left:5px; top:11px;}
.box_share_top .map_area li.bitgaram.on{ background: url(/images/gongik/share/bitgaram.png) 0 0 no-repeat; width:50px; height: 42px; left:277px; top:114px; }
.box_share_top .map_area li.bitgaram.on a{ left:117px; top:38px;}


/*오른쪽 검색영역*/

.box_share_top .share_search{float: left; width: 534px; box-sizing: border-box; padding: 10px 30px 0 30px;}
.box_share_top .share_search .b_tit{ font-size:29px; color: #000; font-weight: 400; line-height: 36px; margin-left: 20px;}
.box_share_top .share_search .s_tit{ font-size: 15px;color: #000; margin-left: 20px;}
.box_share_top .option_area{ margin-top: 30px; min-height: 200px; margin-left: 20px;}

.box_share_top .option_area .write_box{ width: 50%; float: left; border-top:0; padding: 10px 0;}
.box_share_top .option_area .write_box.w100{width: 100%;}
.box_share_top .option_area .write_box.w100 .selectric-wrapper{ margin-right: 5px;}


.box_share_top .option_area .selectric-label{ margin-right: 0; padding: 0 0 0 10px;}
.share_search .cont_write > .write_box > .module_t{top:10px; left: 0;}
.share_search .module_w{margin-left: 68px;}
.share_search .cont_write > .write_box.module_theme .selectric .selectric-label{padding-right: 30px; max-width: 150px;} /*셀렉트 넓이 조절*/

.share_search .share_search_btn{ border-top:1px solid #d2d2d2; text-align: center} 
.btn_search{ display: inline-block; text-align: center; background-color: #585858; color: #fff; height: 45px; line-height: 45px; border-radius: 8px; padding: 0 60px; margin-top: 30px; font-size: 17px;}
.btn_search:before{content: ''; background: #585858 url(/images/board/module_sp.png) no-repeat -180px -32px; width: 18px; height: 42px; display: inline-block; vertical-align: middle; margin-right: 8px;}

.admin_btn a:nth-child(2){ margin-left: 8px;}

/*리스트*/
.module_list_box{clear: both;}
.board_share_list{}
.board_share_list .item .cont_box .cont_title{ border-bottom: 1px solid #d2d2d2; padding-bottom: 10px;}
.board_share_list .item .cont_box .cont_title .txt_dong{ display: block; font-size: 17px; color: #000; line-height: 20px; min-height:20px;}
.board_share_list .item .cont_box .cont_title h3{ font-size: 19px; font-weight: 400; color: #000;}
.board_share_list .item .cont_box dl{ margin-top: 10px; overflow: hidden; box-sizing: border-box; text-align: left}
.board_share_list .item .cont_box dt{display: inline-block; line-height: 25px; height: 25px; width: 40%; margin-bottom: 5px; }
.board_share_list .item .cont_box dd{display: inline-block; line-height: 25px!important; height: 25px; margin-bottom: 5px; width:56%;}

.board_share_list .item .cont_box dt.tit01:before{content: ''; background: url(/images/gongik/share/sp_share.png) 0 0 no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.board_share_list .item .cont_box dt.tit02:before{content: ''; background: url(/images/gongik/share/sp_share.png) 0 -31px no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.board_share_list .item .cont_box dt.tit03:before{content: ''; background: url(/images/gongik/share/sp_share.png) 0 -63px no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.board_share_list .item .cont_box dt.tit04:before{content: ''; background: url(/images/gongik/share/sp_share.png) 0 -94px no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}

.board_share_list .item .cont_box { height: 195px !important;}
/*.module_list_box .board_list_box .board_photo .item .cont_box{height: auto !important}*/

.admin_btn{  text-align: right; margin: 20px 0}


/*상세페이지*/
.share_view_box{ }
.share_view_box .share_view_top{overflow: hidden}
.share_view_box .img_area{position: relative; width: 423px; float: left; box-sizing: border-box; border: 1px solid #d2d2d2;}
.share_view_box .popup_control{position: absolute; bottom: 0; right: 0; z-index: 2;}
.share_view_box .popup_control a{float: left; width: 58px; height: 58px; line-height: 58px; background-color: #40434c; overflow: hidden; text-align: center; margin-left: 1px; transition: ease-in-out 0.3s;}
.share_view_box .popup_control a:hover{background-color: #c10d1b;}
.share_view_box .popup_control a:first-child{margin-left: 0;}
.share_view_box .popup_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 0; text-indent: -99999px;}
.share_view_box .popup_control a.prev span.icon{width: 17px; height: 14px; background-position: 0 -483px;}
.share_view_box .popup_control a.next span.icon{width: 17px; height: 14px; background-position: 0 -555px;}
.share_view_box .popup_control a.stop span.icon{width: 9px; height: 12px; background-position: 0 -534px;}
.share_view_box .popup_control a.play span.icon{width: 10px; height: 12px; background-position: 0 -509px;}

.share_view_box .detail_area{position: relative; float: left; margin-left: 45px; width: 548px;}
.share_view_box .detail_area .detail_top{ border-bottom:1px solid #d2d2d2; padding: 0 0 30px 0;}
.share_view_box .detail_area .detail_top h4{ background: none; margin:0; color: #000; padding: 0; font-weight: 400; font-size: 29px; }
.share_view_box .detail_area .detail_top dl{ overflow: hidden; margin-top: 37px;}
.share_view_box .detail_area .detail_top dt{ float: left; width:30%; height: 28px; line-height: 28px; }
.share_view_box .detail_area .detail_top dd{ float: left; width: 70%; min-height: 28px; line-height: 28px;}
.share_view_box .detail_area .detail_top dd a{ color: #707070; text-decoration: underline }

.share_view_box .detail_area .detail_top dt:before{ content: ''; background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 -24px; width: 19px; height:17px; display: inline-block;margin-right: 8px; vertical-align: middle; } 
.share_view_box .detail_area .detail_top dt.location:before{ background-position:0 -49px; height: 22px; }
.share_view_box .detail_area .detail_top dt.homepage:before{ background-position:0 -78px;}
.share_view_box .detail_area .detail_top dd a span{display: inline-block; background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 -580px; width: 25px; height: 25px; margin-right: 8px; vertical-align: middle;}
.share_view_box .detail_area .detail_top span.homepage{ background-position: 0 -580px; }
.share_view_box .detail_area .detail_top span.youtube{ background-position: 0 -775px; }
.share_view_box .detail_area .detail_top span.facebook{ background-position: 0 -664px; }
.share_view_box .detail_area .detail_top span.insta{ background-position: 0 -608px; }
.share_view_box .detail_area .detail_top span.band{ background-position: 0 -692px; }
.share_view_box .detail_area .detail_top span.cafe{ background-position: 0 -720px; }
.share_view_box .detail_area .detail_top span.blog{ background-position: 0 -636px; }


.share_view_box .detail_area .detail_bottom{ margin-top: 35px; width: 100%;}
.share_view_box .detail_area .detail_bottom .detail_left{ width: 45%; margin-right: 10%; float: left;}
.share_view_box .detail_area .detail_bottom .detail_right{ width: 45%; float: left;}
.share_view_box .detail_area .detail_bottom dt{ color: #000; font-weight: 400; font-size: 17px; height: 26px; line-height: 26px; /*margin-bottom: 10px;*/ margin-bottom: 5px;}
.share_view_box .detail_area .detail_bottom dd{color: #707070; font-size: 16px; line-height:18px; padding-left:29px; margin-bottom: 35px;  }

.share_view_box .detail_area .detail_bottom dt:before{content:''; background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 -119px; width: 21px; vertical-align: middle; display: inline-block; margin-right: 8px; height: 28px; line-height: 28px;}
.share_view_box .detail_area .detail_bottom .dt01:before{height:18px; background-position: 0 -119px;}
.share_view_box .detail_area .detail_bottom .dt02:before{height:20px; background-position: 0 -145px;}
.share_view_box .detail_area .detail_bottom .dt03:before{height:22px; background-position: 0 -174px;}
.share_view_box .detail_area .detail_bottom .dt04:before{height:15px; background-position: 0 -210px;}
.share_view_box .detail_area .detail_bottom .dt05:before{height:20px; background-position: 0 -237px;}
.share_view_box .detail_area .detail_bottom .dt06:before{height:21px; background-position: 0 -269px;}
.share_view_box .detail_area .detail_bottom .dt07:before{height:18px; background-position: 0 -300px;}
.share_view_box .detail_area .detail_bottom .dt08:before{height:22px; background-position: 0 -327px;}
.share_view_box .detail_area .detail_bottom .dt09:before{height:19px; background-position: 0 -361px;}

.share_view_box .detail_area .detail_bottom ul{}
.share_view_box .detail_area .detail_bottom dd li:before{ content: ''; width: 3px; height: 2px; background-color: #325280; display: inline-block; margin-right: 8px; vertical-align: middle;}


.share_view_box .cont_area{clear: both; width: 100%; /*margin-top: 10px;*/ border-top:1px solid #d2d2d2; padding: 40px 0;}
.share_view_box .cont_area h5{ font-size: 19px; font-weight: 400; height: 28px; line-height: 28px; background:none; padding: 0; margin: 0; color: #000;}
.share_view_box .cont_area h5:before{ content: ''; background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 -400px; width:28px; height: 28px; display: inline-block; vertical-align: middle; padding-right: 10px;}
.share_view_box .cont_area h5.tit_etc:before{ background-position:0 -444px;  }
.share_view_box .cont_area .cont_txt{ margin:20px 0 60px 0;}


/**write*/
.module_write_box .cont_write .module_text.txt_phone{ width: 50px; display: inline-block}
.module_write_box .cont_write .module_text.w100{width: 100%; box-sizing: border-box}
.module_write_box .write_box .module_w textarea{ width: 100%; box-sizing: border-box; min-height: 100px; }

.module_write_box .cont_write .apply_address .module_text{display: inline-block}
/*.module_write_box .write_box .module_w .apply_address input[type="text"]{display: inline-block}*/
.btn_add {}
.module_write_box .write_box .module_w textarea#etc{min-height:450px;}

/*신청하기 레이어*/
.request_modal{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 11; display: none;}
.request_modal .modal_inner{display: inline-block; text-align: left; background-color: #fff; padding: 50px; width: 800px; position: absolute; top: 50%; left: 58%; transform: translate(-50%, -50%); border: 3px solid #333; border-radius: 24px;}
.request_modal .modal_inner h3{display: block; color: #333; font-size: 31px; font-weight: 400; text-align: center; }
.request_modal .modal_inner .base_box{position: relative; overflow: hidden;}
.request_modal .modal_inner .base_box textarea{display: block; border: 0; width: 100%; box-sizing: border-box; padding: 26px; height: 195px; line-height: 24px; background-color: #fff;}
.request_modal .modal_inner .modal_btnbox{text-align: center; margin-top: 20px;}
.request_modal .modal_inner .modal_btnbox ul{display: inline-block;}
.request_modal .modal_inner .modal_btnbox ul li{float: left; margin-left: 10px;}
.request_modal .modal_inner .modal_btnbox ul li:first-child{margin-left: 0;}
.request_modal .modal_inner .modal_btnbox ul li a{display: block; height: 36px; line-height: 36px; padding: 0 40px; border: 1px solid #dadada; color: #333; font-size: 13px;}
.request_modal .modal_inner .modal_btnbox ul li.btn_add a{background-color: #fff; border-color: #333;}
.request_modal .modal_inner .modal_btnbox ul li.btn_cancel a{background-color: #e2e1e1;}
.request_modal .modal_inner .step_search_address {border:1px solid #4264a3; color:#4264a3; display: inline-block; padding:0 10px; text-align: center; margin:0 0 5px; line-height: 32px; height: 32px;}
.request_modal .modal_inner table.basic input[type="text"] {border: none; background:#f7f7f7; padding-left: 20px; box-sizing: border-box; height: 32px; width: 100%;}	
.request_modal .modal_inner input#step_email_first {width: 30%; margin-right:5px;}
.request_modal .modal_inner input#step_email_last {width: 30%;}
.request_modal .modal_inner input#zipcode {width: 100px;}
.request_modal .modal_inner select {width: 30%; height: 35px;}	
	
.request_modal .modal_inner .w20 {width:20% !important;}
.request_modal .modal_inner .w90 {width:90% !important;}
.request_modal .modal_inner .h150 {height: 150px;}	

#popup_reply h5{ background-image:none; color: #000; font-weight: 400; padding-left: 0;}

.btn_share_use {text-align: left;position: absolute; top: 468px; left:286px;}
/*.btn_share_use > a {background-color: #c83232; height: 46px; line-height: 46px; padding: 0 50px; display: inline-block; border-radius: 3px; color: #fff; text-align: center;}*/
.btn_share_use > a {background-color: #fff; height: 46px; line-height: 46px; padding: 0 50px; display: inline-block; border-radius: 2px; border:1px solid #4688b5; color:#1e394f; text-align: center;}
.btn_share_use > a:hover { background-color: #c8e0f1; }
.btn_share_use ._btn_request{ background-color: #2a548e;}

/*지도 닫기*/

.share_view_box .map a.c_map{background: url("/images/gongik/share/sp_share_view.png") no-repeat 0 0; text-indent: -99999px; width: 30px; height: 30px; background-position: 0 -807px; position: absolute; left: 5px; top:5px; display: block; z-index: 100;}

.share_view_box .detail_top dd a.a_map {background: #2d2624; color: #fff; border-radius: 3px; display: inline-block; padding: 1px 10px 1px 10px; text-decoration: none;}
.share_view_box .detail_top dd a.a_map:hover {background: #14a55a;}
.share_view_box .detail_top dd a.a_map span.ico {background-position: 0 -842px; width: 18px; height: 18px; margin-right:5px;}