/* 메인화면 CSS - DARUM_ver_S */
@charset "utf-8";

.potlet_area_01{height:24%;border:1px solid #CCC;margin-bottom:20px;padding:5px 10px 5px 10px}
		
.potlet_area_01 .potlet_left{float:left;width:30%;height:100%;margin: 0px 20px 0px 10px;}
.potlet_area_01 .potlet_center{float:left;width:30%;height:100%;margin-right:20px;}
.potlet_area_01 .potlet_right{float:left;width:31%;height:100%;margin-right:10px;}

.potlet_type_area{width:100%;height:80%;text-align:center;margin-bottom: 5px;}
.potlet_type_area .p_types{width:100%;height:100%;text-align:center;}

.p_types .p_type_01{width:100%;height:50%;text-align:center;}
.p_type_01 .p_type_01_left{float:left;width:47%;margin-right:8px;height:90%;border:1px solid #ccc;}
.p_type_01 .p_type_01_right{float:left;width:47%;height:90%;border:1px solid #ccc}

.p_types .p_type_02{width:100%;height:50%;text-align:center;}
.p_type_02 .p_type_02_left{float:left;width:31%;margin-right:4px;height:90%;border:1px solid #ccc;}
.p_type_02 .p_type_02_center{float:left;width:31%;height:90%;border:1px solid #ccc}
.p_type_02 .p_type_02_right{float:left;width:31%;margin-left:4px;height:90%;border:1px solid #ccc}

.p_types .p_type_03{width:100%;height:100%;text-align:center;}
.p_type_03 .p_type_03_left{float:left;width:22%;margin-right:6px;height:96%;border:1px solid #ccc;}
.p_type_03 .p_type_03_center1{float:left;width:22%;margin-right:6px;height:96%;border:1px solid #ccc;}
.p_type_03 .p_type_03_center2{float:left;width:22%;margin-right:6px;height:96%;border:1px solid #ccc;}
.p_type_03 .p_type_03_right{float:left;width:22%;height:96%;border:1px solid #ccc;}

.potlet_radio_area{width:100%;height:20%;text-align:center;padding-left: 5px;}

.potlet_area_02{height:71%;border:1px solid #CCC;}
.potlet_area_02 .main_temp_img{width:100%;height:40%;padding:0px 0px 5px 0px;;text-align:center;}
.main_temp_img .tempImg{width:100%;height:100%;}
.potlet_area_02 .potlet_items{width:100%;height:60%;}
.potlet_area_02 .potlet_items .potlet_item{width:100%;height:100%;text-align:center;display:none;}

.potlet_item .potlet_item_drag_area0{width:100%;height:50%;text-align:center;}

.potlet_item .potlet_item_drag_area0 .item02_drag_0{float:left;width:48.5%;margin: 0px 6px 0px 7px;height:95%;border:1px solid #ccc}
.potlet_item .potlet_item_drag_area0 .item02_drag_1{float:left;width:48.5%;height:95%;border:1px solid #ccc}
.potlet_item .potlet_item_drag_area0 .item03_drag_0{float:left;width:32%;margin: 0px 6px 0px 6px;height:95%;border:1px solid #ccc}
.potlet_item .potlet_item_drag_area0 .item03_drag_1{float:left;width:32%;height:95%;border:1px solid #ccc}
.potlet_item .potlet_item_drag_area0 .item03_drag_2{float:left;width:32%;margin-left:7px;height:95%;border:1px solid #ccc}

.potlet_item .potlet_item_drag_area1{width:100%;height:100%;text-align:center;}
.potlet_item  .potlet_item_drag_area1 .item04_drag_0{float:left;width:23.5%;margin: 0px 4px 0px 5px;height:97%;border:1px solid #ccc} 
.potlet_item  .potlet_item_drag_area1 .item04_drag_1{float:left;width:23.5%;margin-left:5px;height:97%;border:1px solid #ccc}
.potlet_item  .potlet_item_drag_area1 .item04_drag_4{float:left;width:23.5%;margin: 0px 4px 0px 5px;height:97%;border:1px solid red}

.potlet_item .potlet_item_drag_area4{width:100%;height:100%;text-align:center;}
.potlet_btn_area{text-align:right;}