@charset "utf-8";

#temp_select_box{
	z-index:1000;width:315px;background:rgba(0,0,0,0.8);color:#ffffff;padding:10px;padding-left:0px;position:fixed;left:-315px;top:0px;bottom:0px;
	transition:left 0.3s;-o-transition:left 0.3s;-ms-transition:left 0.3s;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;
}
#temp_select_box:hover{left:0px;}
#temp_select_box h2{font-size:1.3em;padding-left:10px;}
#temp_select_box #temp_open{display:block;width:25px;height:40px;position:absolute;right:-25px;top:50%;margin-top:-20px;background:rgba(0,0,0,0.8);;padding-left:7px;padding-top:7px;cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;}
#temp_select_box #temp_open i{font-size:2em;}
#temp_select_box #temp_select{overflow-y:auto;height:96%;-ms-overflow-style:none;}
#temp_select_box #temp_select::-webkit-scrollbar{width:0px;background:transparent;}
#temp_select_box #temp_select:after{display:block;visibility:hidden;clear:both;content:"";}
#temp_select_box #temp_select .temp_li{position:relative;float:left;width:90px;height:auto;background:#777777;margin-top:10px;margin-left:10px;cursor:pointer;border-radius:5px;overflow:hidden;}
#temp_select_box #temp_select .temp_li .tmp_btn_move{display:none;}
#temp_select_box #temp_select .temp_li .tmp_btn{position:relative;}
#temp_select_box #temp_select .temp_li .tmp_btn img{display:block;width:100%;}
#temp_select_box #temp_select .temp_li .tmp_btn .bt_info{position:absolute;z-index:10;left:0;bottom:5px;width:100%;color:#000000;text-align:center;}
#temp_select_box #temp_select .temp_li .tmp_btn .bt_info strong{display:block;display:none;}
#temp_select_box #temp_select .temp_li .tmp_btn .bt_info span{display:block;font-size:0.75em;}


#bo_v header{display:none;}
.temp{margin:0px;position:relative !important;border:1px solid rgba(255,255,255,0);}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
.temp .tcon{position:relative !important;}
.temp .mng{display:block;position:absolute;z-index:10;cursor:pointer;text-align:center;width:30px;height:30px;border:1px solid #777777;border-radius:50%;background:rgba(0,0,0,0.7);color:#ffffff;padding-top:5px;}
.temp .mng_tl{top:3px;left:3px;}
.temp .mng_tr{top:3px;right:3px;}
.temp .mng_bl{bottom:3px;left:3px;}
.temp .mng_br{bottom:3px;right:3px;}
.temp .chng_sort_updown{}
.temp .chng_remove{}
.temp .tcon_chng{}
/*-----------t1 (temp No 01 : 큰제목)------------------*/
.t1{}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
#bo_w .t1{padding-top:30px;}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
#bo_v .t1{}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
.t1 .tcon h1{}
/*-----------t2 (temp No 02 : 소제목)----------------*/
.t2{}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
#bo_w .t2{padding-top:40px;}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
#bo_v .t2{}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
.t2 .tcon h3{}
/*-----------t3 (temp No 03 : 본문)-----------*/
.t3{}/*[상단의 단락과의 간격은 이 객체에서 설정해 주세요]*/
#bo_w .t3{}
#bo_v .t3{}
.t3 .tcon{}
.t3 .tcon p{}
/*-----------t4 (temp No 04 : 이미지+본문)-----------*/
.t4{}
#bo_w .t4{}
#bo_v .t4{}
.t4 .tcon{}
.t4 .tcon img{}
.t4 .tcon p{}
/*-----------t5 (temp No 05 : 본문+이미지)-----------*/

/*-----------t6 (temp No 06 : 이미지)---------------*/

/*-----------t7 (temp No 07 : 2단이미지본문(가로))---------------*/

/*-----------t8 (temp No 08 : 이미지본문(가로))-------------*/

/*-----------t9 (temp No 09 : 2단본문(가로))--------*/

/*-----------t10 (temp No 10 : 2단이미지(가로))---------------*/

@media(max-width:600px){ /*=======================================  폭 600px 이하의 모바일 버전  ============================================*/
	/*-----------t1 (temp No 01 : 큰제목)------------------*/
	.t1{}
	.t1 .tcon h1{}
	/*-----------t2 (temp No 02 : 소제목)----------------*/

	/*-----------t3 (temp No 03 : 본문)-----------*/
	.t3{}

	/*-----------t4 (temp No 04 : 이미지+본문)-----------*/

	/*-----------t5 (temp No 05 : 본문+이미지)-----------*/

	/*-----------t6 (temp No 06 : 이미지)---------------*/

	/*-----------t7 (temp No 07 : 2단이미지본문(가로))---------------*/

	/*-----------t8 (temp No 08 : 이미지본문(가로))-------------*/

	/*-----------t9 (temp No 09 : 2단본문(가로))--------*/

	/*-----------t10 (temp No 10 : 2단이미지(가로))---------------*/
	
}
/*==============================  공통  ===============================*/
#bo_w #wr_stage .mng{opacity:0.2;transition:opacity 0.3s;-o-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;}
#bo_w #wr_stage .mng:hover{display:block;opacity:1;}
#bo_w #wr_stage:hover .temp{border:1px solid #dddddd;}
#bo_w #wr_stage .temp:hover{border:1px solid red;}


#bo_v .mng{display:none;}
#bo_v .t1 .tcon{padding-top:0px;}
#bo_v .t2 .tcon{padding-top:0px;}